@charset "UTF-8";
.ui-helper-hidden-accessible, .html-m-header .pui-accessible-label, .html-m-navigation-main .pui-accessible-label, .html-m-navigation-main.html-is-navbar-side .html-b-submenu[aria-expanded="false"] {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

@font-face {
  font-family: pui-empty;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff"), url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggiBtYAAAC8AAAAYGNtYXAAMgBpAAABHAAAAERnYXNwAAAAEAAAAWAAAAAIZ2x5ZgMDpbEAAAFoAAAAPGhlYWT9mzB5AAABpAAAADZoaGVhAeIB5QAAAdwAAAAkaG10eAAAAAAAAAIAAAAAEGxvY2EAKAAUAAACEAAAAAptYXhwAAYABQAAAhwAAAAgbmFtZVqZXRkAAAI8AAABXXBvc3QAAwAAAAADnAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAABAABy96luXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAKABQAHgAAAAEAAAAEAAMAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"); }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url("../fonts/Roboto/RobotoCondensed-Light.woff2") format("woff2"), url("../fonts/Roboto/RobotoCondensed-Light.woff") format("woff"); }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("../fonts/Roboto/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/Roboto/RobotoCondensed-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url("../fonts/Roboto/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/Roboto/RobotoCondensed-Bold.woff") format("woff"); }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  padding: 0;
  margin: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

input[type=text]::-ms-clear, input[type=text]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=file]::-ms-clear,
input[type=file]::-ms-reveal,
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal,
input[type=email]::-ms-clear,
input[type=email]::-ms-reveal,
input[type=url]::-ms-clear,
input[type=url]::-ms-reveal,
input[type=tel]::-ms-clear,
input[type=tel]::-ms-reveal,
input[type=number]::-ms-clear,
input[type=number]::-ms-reveal,
input[type=range]::-ms-clear,
input[type=range]::-ms-reveal,
input[type=date]::-ms-clear,
input[type=date]::-ms-reveal,
input[type=month]::-ms-clear,
input[type=month]::-ms-reveal,
input[type=week]::-ms-clear,
input[type=week]::-ms-reveal,
input[type=time]::-ms-clear,
input[type=time]::-ms-reveal,
input[type=datetime]::-ms-clear,
input[type=datetime]::-ms-reveal,
input[type=datetime-local]::-ms-clear,
input[type=datetime-local]::-ms-reveal,
input[type=color]::-ms-clear,
input[type=color]::-ms-reveal {
  display: none; }

html {
  -moz-text-size-adjust: 100%; }

.pui-has-layout-login .pdp-content-container {
  width: 100%;
  max-width: 100%; }

.pui-layout-login {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .pui-layout-login .pui-column-top,
  .pui-layout-login .pui-column-main,
  .pui-layout-login .pui-column-secondary,
  .pui-layout-login .pui-column-bottom {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.portlet-boundary {
  position: relative; }

.portlet-boundary_com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet_ {
  position: static; }

@media (min-width: 881px) {
  .pui-layout-login .pui-column-main,
  .pui-layout-login .pui-column-secondary {
    display: inline-block;
    vertical-align: top; }
  .pui-layout-login .pui-column-main {
    width: 58%; }
  .pui-layout-login .pui-column-secondary {
    width: 42%;
    padding-left: 40px; }
  .pui-layout-login .portlet-boundary {
    margin: 0; }
  .pui-layout-login .html-c-info-panel {
    margin-bottom: 20px; } }

@media (min-width: 1021px) {
  .pui-has-layout-login .pdp-content-container {
    margin-left: 0;
    padding-left: 40px; } }

@media (min-width: 1101px) {
  .pui-has-layout-login .pdp-content-container {
    max-width: 1060px; } }

@media print {
  .pui-has-layout-login .pdp-content-container {
    max-width: 100%;
    padding-left: 0; }
  .pui-layout-login .pui-column-main,
  .pui-layout-login .pui-column-secondary {
    display: inline-block;
    vertical-align: top; }
  .pui-layout-login .pui-column-main {
    width: 55%; }
  .pui-layout-login .pui-column-secondary {
    width: 45%;
    padding-left: 40px; } }

p, ul,
ol, dl, .pui-table {
  margin: 0 0 20px 0; }
  p:last-child, ul:last-child,
  ol:last-child, dl:last-child, .pui-table:last-child {
    margin-bottom: 0; }

h1 {
  font-size: 23px;
  font-weight: normal;
  line-height: 30px; }
  h1 + h2 {
    margin-top: -5px; }

h2 {
  font-size: 21px;
  font-weight: normal;
  line-height: 30px; }
  h2 + h3 {
    margin-top: -5px; }

h3 {
  font-size: 16px;
  font-weight: bold; }

h4 {
  font-size: 14px;
  font-weight: bold; }

.html-c-checkbox + label.html-required:after, .html-c-form-row.html-is-required label:after {
  content: "*";
  margin-left: 4px; }

.html-c-checkbox .html-checkbox-label,
.html-c-checkbox .html-label-for-radio,
.html-c-radio .html-checkbox-label,
.html-c-radio .html-label-for-radio {
  display: inline-block;
  max-width: 100%;
  margin-left: -19px;
  margin-bottom: -1px;
  padding-left: 29px;
  vertical-align: middle;
  cursor: pointer;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.pui-m-registration.pui-form-result .pui-reauthenticate {
  border-bottom: 1px solid #dde0e4;
  padding-bottom: 10px; }
  .pui-m-registration.pui-form-result .pui-reauthenticate .html-b-form-row-set {
    border-bottom: 0 none;
    padding-bottom: 0; }
  .pui-m-registration.pui-form-result .pui-reauthenticate .html-c-form-row {
    border-bottom-color: transparent;
    padding-bottom: 0; }
  .pui-m-registration.pui-form-result .pui-reauthenticate .html-c-form-row:last-child {
    border-bottom: 0 none; }

.html-c-file-upload-list .html-b-file.html-has-extension-png, .html-c-file-upload-list .html-b-file.html-has-extension-pdf, .html-c-file-upload-list .html-b-file.html-has-extension-txt, .html-c-file-upload-list .html-b-file.html-has-extension-jpg, .html-c-file-upload-list .html-b-file.html-has-extension-doc, .html-c-file-upload-list .html-b-file.html-has-extension-ppt, .html-c-file-upload-list .html-b-file.html-has-extension-default {
  overflow: hidden;
  padding-left: 28px; }
  .html-c-file-upload-list .html-b-file.html-has-extension-png:before, .html-c-file-upload-list .html-b-file.html-has-extension-pdf:before, .html-c-file-upload-list .html-b-file.html-has-extension-txt:before, .html-c-file-upload-list .html-b-file.html-has-extension-jpg:before, .html-c-file-upload-list .html-b-file.html-has-extension-doc:before, .html-c-file-upload-list .html-b-file.html-has-extension-ppt:before, .html-c-file-upload-list .html-b-file.html-has-extension-default:before {
    left: 4px; }

.html-c-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7600;
  display: none;
  width: 100%;
  height: 100%; }

.html-c-overlay .html-b-fader, .alert-block.popup-alert-notice:before, .alert-block.popup-alert-warning:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.html-c-overlay .html-b-overlay, .html-c-overlay .html-b-overlay.html-b-overlay-top {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 20px);
  z-index: 7610;
  max-width: 540px;
  min-height: 60px;
  max-height: calc(100% - 40px);
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.html-c-context-container:after, .html-c-context-container:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none; }

.html-c-context-container:after {
  border-color: transparent;
  border-width: 7px; }

.html-c-context-container:before {
  border-color: transparent;
  border-width: 8px; }

.html-c-context-container:after, .html-c-context-container:before {
  top: auto;
  bottom: 100%; }

.html-c-context-container:after {
  border-bottom-color: #ffffff; }

.html-c-context-container:before {
  border-bottom-color: #d0d4d9; }

.html-c-context-container:after, .html-c-context-container:before {
  right: 23px; }

.html-c-context-container:after {
  margin-right: -7px; }

.html-c-context-container:before {
  margin-right: -8px; }

.html-c-tab-panel-extended .html-tab-check-line {
  position: relative; }
  .html-c-tab-panel-extended .html-tab-check-line:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("../images/pui/csobpoj/icons/tab-panel-extended-check.png");
    background-image: url("../images/pui/csobpoj/icons/tab-panel-extended-check.svg"), none;
    background-repeat: no-repeat;
    background-position: 50% 50%; }

html {
  box-sizing: border-box;
  background-color: #e4f3fc; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  color: #000000; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 5px 0; }

h3, h4, h5, h6 {
  line-height: 20px; }

h5, h6 {
  font-weight: bold; }

p, ul, ol, dl, table, div {
  line-height: 20px; }

strong,
b {
  font-weight: bold; }

em,
i {
  font-style: italic;
  color: #0099cc; }

a {
  margin: 0 -1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 1px;
  text-decoration: underline;
  color: #ff6000; }
  a.pui-is-overlay-control {
    color: #ff6000;
    text-decoration: underline; }
    a.pui-is-overlay-control:hover {
      color: #963a00;
      text-decoration: underline; }
  a:hover {
    color: #963a00; }
  a:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }

ul,
ol {
  padding-left: 25px; }

ul {
  list-style-type: disc; }
  ul ul {
    list-style-type: circle; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: lower-alpha; }
  ol.pui-ol-alphabetical {
    list-style-type: lower-alpha; }

dt {
  margin-top: 20px;
  font-weight: bold;
  color: #ff6000; }
  dt:first-child {
    margin-top: 0; }

dd {
  margin-left: 25px; }
  dd:before {
    content: '\2013';
    display: inline-block;
    width: 17px;
    margin-left: -17px; }

.pui-table {
  margin-top: -1px;
  overflow: auto; }
  .pui-table table {
    border-top: 1px solid #dde0e4; }
    .pui-table table.pui-table-no-padding th:first-child,
    .pui-table table.pui-table-no-padding td:first-child {
      padding-left: 0; }
    .pui-table table.pui-table-no-padding th:last-child,
    .pui-table table.pui-table-no-padding td:last-child {
      padding-right: 0; }
    .pui-table table tr.pui-table-th-filled th,
    .pui-table table th.pui-table-th-filled {
      background-color: #dde0e4; }
    .pui-table table th,
    .pui-table table td {
      border-bottom: 1px solid #dde0e4;
      padding: 10px;
      padding-bottom: 9px; }
    .pui-table table th {
      text-align: left; }

@media (max-width: 568px) {
  .pui-table-mobile-linear table {
    width: 100%; }
    .pui-table-mobile-linear table thead,
    .pui-table-mobile-linear table thead tr,
    .pui-table-mobile-linear table thead th,
    .pui-table-mobile-linear table thead td {
      display: block;
      height: 0;
      overflow: hidden;
      border: 0 none;
      padding: 0; }
    .pui-table-mobile-linear table tbody {
      display: block; }
      .pui-table-mobile-linear table tbody tr {
        display: block; }
      .pui-table-mobile-linear table tbody th,
      .pui-table-mobile-linear table tbody td {
        display: block; }
        .pui-table-mobile-linear table tbody th:before,
        .pui-table-mobile-linear table tbody td:before {
          content: attr(data-th);
          display: block; } }

@media (max-width: 568px) {
  .pui-table-mobile-parallel table {
    width: 100%; }
    .pui-table-mobile-parallel table thead,
    .pui-table-mobile-parallel table thead tr,
    .pui-table-mobile-parallel table thead th,
    .pui-table-mobile-parallel table thead td {
      display: block;
      height: 0;
      overflow: hidden;
      border: 0 none;
      padding: 0; }
    .pui-table-mobile-parallel table tbody {
      display: block; }
      .pui-table-mobile-parallel table tbody tr {
        display: block; }
      .pui-table-mobile-parallel table tbody th,
      .pui-table-mobile-parallel table tbody td {
        position: relative;
        display: block;
        padding-left: 50%;
        padding-right: 0; }
        .pui-table-mobile-parallel table tbody th:before,
        .pui-table-mobile-parallel table tbody td:before {
          content: attr(data-th);
          display: inline-block;
          width: 100%;
          margin-left: -100%; } }

hr {
  margin-top: 20px;
  margin-bottom: 19px;
  border: 0 none;
  border-bottom: 1px solid #dde0e4; }
  hr:first-child {
    margin-top: 0; }
  hr:last-child {
    margin-bottom: -1px; }

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0; }

label {
  font-size: 16px; }

input[type=text],
input[type=password],
textarea {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 100%;
  height: 39px;
  min-height: 39px;
  padding: 0 10px;
  border: 1px solid #d0d4d9;
  background-color: #ffffff;
  color: #000000;
  line-height: 1;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 16px;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input[type=text]:focus,
  input[type=password]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    padding-top: 3px; }

textarea::placeholder {
  color: #757575 !important; }

textarea:-ms-input-placeholder {
  color: #757575 !important; }

input[type=file] {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  vertical-align: middle;
  width: 100%; }
  input[type=file]:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }

textarea {
  padding-top: 9px;
  padding-bottom: 8px;
  line-height: 20px;
  resize: none; }

select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 39px;
  padding: 0 24px 0 10px;
  border: 1px solid #d0d4d9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: #ffffff;
  background-image: url("../images/pui/csobpoj/sprites/sprite-combo-arrow.png");
  background-image: url("../images/pui/csobpoj/sprites/sprite-combo-arrow.svg"), none;
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f6f8));
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -webkit-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -moz-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -ms-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -o-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), linear-gradient(to bottom, #ffffff, #f5f6f8);
  filter: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f5f6f8');
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f6f8));
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -webkit-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -moz-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -ms-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -o-linear-gradient(top, #ffffff, #f5f6f8);
  background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), linear-gradient(to bottom, #ffffff, #f5f6f8);
  filter: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f5f6f8');
  background-position: right 1px top -12px, 0 0;
  background-repeat: no-repeat;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  text-overflow: "";
  color: #000000;
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none; }
  select::-ms-value {
    background-color: transparent;
    color: #000000; }
  select::-ms-expand {
    display: none; }
  select:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }
  select option:disabled {
    color: #434548 !important;
    background: none !important;
    box-shadow: none !important; }

input[type=submit],
input[type=reset],
input[type=button],
button,
.html-button,
.html-c-file-upload .html-label,
.pui-m-damage-reporting .wcm-card-button {
  display: inline-block;
  position: relative;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0 none;
  background-color: #434548;
  padding: 8px 20px 11px 20px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  input[type=submit]:hover,
  input[type=reset]:hover,
  input[type=button]:hover,
  button:hover,
  .html-button:hover,
  .html-c-file-upload .html-label:hover,
  .pui-m-damage-reporting .wcm-card-button:hover {
    color: #ffffff; }
  input[type=submit]:focus,
  input[type=reset]:focus,
  input[type=button]:focus,
  button:focus,
  .html-button:focus,
  .html-c-file-upload .html-label:focus,
  .pui-m-damage-reporting .wcm-card-button:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }

@media print {
  html {
    width: 100%;
    background-color: #ffffff; }
  body,
  a {
    color: #000000; } }

.html-c-input-field, .html-c-date-picker {
  padding-right: 23px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-input-field .html-c-information-tooltip, .html-c-date-picker .html-c-information-tooltip {
    width: 25px;
    height: 39px;
    margin-left: -2px;
    margin-right: -25px;
    border-style: solid;
    border-color: #d0d4d9;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative; }
    .html-c-input-field .html-c-information-tooltip:before, .html-c-date-picker .html-c-information-tooltip:before {
      content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
      position: absolute;
      display: block;
      width: 100px;
      height: 78px;
      transform-origin: 0 0; }
    .html-c-input-field .html-c-information-tooltip:before, .html-c-date-picker .html-c-information-tooltip:before {
      clip: rect(0px, 25px, 39px, 0px);
      -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      -webkit-transform: translate(1px, -1px);
      -moz-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px); }
    .html-c-input-field .html-c-information-tooltip:before, .html-c-date-picker .html-c-information-tooltip:before {
      margin-left: -1px;
      background-color: #f6f7f8; }
    .html-c-input-field .html-c-information-tooltip.html-is-none, .html-c-date-picker .html-c-information-tooltip.html-is-none {
      display: none; }
    .html-c-input-field .html-c-information-tooltip.html-is-valid, .html-c-date-picker .html-c-information-tooltip.html-is-valid {
      position: relative; }
      .html-c-input-field .html-c-information-tooltip.html-is-valid:before, .html-c-date-picker .html-c-information-tooltip.html-is-valid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-input-field .html-c-information-tooltip.html-is-valid:before, .html-c-date-picker .html-c-information-tooltip.html-is-valid:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-24px, -1px);
        -moz-transform: translate(-24px, -1px);
        -ms-transform: translate(-24px, -1px);
        -o-transform: translate(-24px, -1px);
        transform: translate(-24px, -1px); }
    .html-c-input-field .html-c-information-tooltip.html-is-invalid, .html-c-date-picker .html-c-information-tooltip.html-is-invalid {
      border-color: #c50101;
      position: relative; }
      .html-c-input-field .html-c-information-tooltip.html-is-invalid:before, .html-c-date-picker .html-c-information-tooltip.html-is-invalid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-input-field .html-c-information-tooltip.html-is-invalid:before, .html-c-date-picker .html-c-information-tooltip.html-is-invalid:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-49px, -1px);
        -moz-transform: translate(-49px, -1px);
        -ms-transform: translate(-49px, -1px);
        -o-transform: translate(-49px, -1px);
        transform: translate(-49px, -1px); }
    .html-c-input-field .html-c-information-tooltip.html-is-warning, .html-c-date-picker .html-c-information-tooltip.html-is-warning {
      border-color: #9d6712;
      position: relative; }
      .html-c-input-field .html-c-information-tooltip.html-is-warning:before, .html-c-date-picker .html-c-information-tooltip.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-input-field .html-c-information-tooltip.html-is-warning:before, .html-c-date-picker .html-c-information-tooltip.html-is-warning:before {
        clip: rect(0px, 100px, 39px, 75px);
        -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        -webkit-transform: translate(-74px, -1px);
        -moz-transform: translate(-74px, -1px);
        -ms-transform: translate(-74px, -1px);
        -o-transform: translate(-74px, -1px);
        transform: translate(-74px, -1px); }
    .html-c-input-field .html-c-information-tooltip.html-is-disabled, .html-c-date-picker .html-c-information-tooltip.html-is-disabled {
      border-color: #e8eaec; }
      .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-info, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-info {
        position: relative; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-info:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-info:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          clip: rect(0px, 25px, 39px, 0px);
          -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          -webkit-transform: translate(1px, -1px);
          -moz-transform: translate(1px, -1px);
          -ms-transform: translate(1px, -1px);
          -o-transform: translate(1px, -1px);
          transform: translate(1px, -1px); }
      .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-valid, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-valid {
        position: relative; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-valid:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-valid:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          clip: rect(0px, 50px, 39px, 25px);
          -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          -webkit-transform: translate(-24px, -1px);
          -moz-transform: translate(-24px, -1px);
          -ms-transform: translate(-24px, -1px);
          -o-transform: translate(-24px, -1px);
          transform: translate(-24px, -1px); }
      .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-invalid, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-invalid {
        position: relative; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-invalid:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-invalid:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          clip: rect(0px, 75px, 39px, 50px);
          -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          -webkit-transform: translate(-49px, -1px);
          -moz-transform: translate(-49px, -1px);
          -ms-transform: translate(-49px, -1px);
          -o-transform: translate(-49px, -1px);
          transform: translate(-49px, -1px); }
      .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-warning, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-warning {
        position: relative; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-warning:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-input-field .html-c-information-tooltip.html-is-disabled.html-is-warning:before, .html-c-date-picker .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          clip: rect(0px, 100px, 39px, 75px);
          -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          -webkit-transform: translate(-74px, -1px);
          -moz-transform: translate(-74px, -1px);
          -ms-transform: translate(-74px, -1px);
          -o-transform: translate(-74px, -1px);
          transform: translate(-74px, -1px); }
  .html-c-input-field .html-form-field, .html-c-date-picker .html-form-field {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-input-field.html-is-right .html-input, .html-is-right.html-c-date-picker .html-input {
    text-align: right; }
  .html-c-input-field.html-is-invalid .html-input, .html-is-invalid.html-c-date-picker .html-input {
    border-color: #c50101; }
  .html-c-input-field.html-is-warning .html-input, .html-is-warning.html-c-date-picker .html-input {
    border-color: #9d6712; }
  .html-c-input-field.html-is-readonly .html-input, .html-is-readonly.html-c-date-picker .html-input {
    border-color: #e8eaec;
    background-color: #ffffff; }
  .html-c-input-field.html-is-disabled .html-input, .html-is-disabled.html-c-date-picker .html-input {
    border-color: #e8eaec;
    background-color: #ffffff;
    color: #666666;
    cursor: not-allowed; }
    .html-c-input-field.html-is-disabled .html-input:focus, .html-is-disabled.html-c-date-picker .html-input:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .html-c-input-field .html-b-autocomplete, .html-c-date-picker .html-b-autocomplete {
    position: relative;
    z-index: 4000; }
    .html-c-input-field .html-b-autocomplete .html-b-autocomplete-items, .html-c-date-picker .html-b-autocomplete .html-b-autocomplete-items {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      margin: 0;
      padding: 5px 0;
      background-color: #ffffff;
      border: 1px solid #d0d4d9;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      max-height: 220px;
      overflow-y: scroll; }
    .html-c-input-field .html-b-autocomplete .html-b-autocomplete-item, .html-c-date-picker .html-b-autocomplete .html-b-autocomplete-item {
      padding-left: 0;
      list-style: none; }
      .html-c-input-field .html-b-autocomplete .html-b-autocomplete-item a, .html-c-date-picker .html-b-autocomplete .html-b-autocomplete-item a {
        display: block;
        margin: 0;
        padding: 5px 10px;
        color: #000000;
        line-height: 1;
        font-family: "Roboto", "Arial", "Helvetica", sans-serif;
        font-weight: normal;
        font-size: 16px;
        text-decoration: none;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .html-c-input-field .html-b-autocomplete .html-b-autocomplete-item a:hover, .html-c-date-picker .html-b-autocomplete .html-b-autocomplete-item a:hover {
          color: #ff6000; }
  .html-c-input-field.html-has-loading-indicator, .html-has-loading-indicator.html-c-date-picker {
    position: relative; }
    .html-c-input-field.html-has-loading-indicator .html-c-loading-indicator, .html-has-loading-indicator.html-c-date-picker .html-c-loading-indicator {
      position: absolute;
      top: 50%;
      right: 30px;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 20px;
      height: 20px;
      z-index: 1; }

.html-c-combo {
  padding-right: 23px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-combo .html-c-information-tooltip {
    width: 25px;
    height: 39px;
    margin-left: -2px;
    margin-right: -25px;
    border-style: solid;
    border-color: #d0d4d9;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative; }
    .html-c-combo .html-c-information-tooltip:before {
      content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
      position: absolute;
      display: block;
      width: 100px;
      height: 78px;
      transform-origin: 0 0; }
    .html-c-combo .html-c-information-tooltip:before {
      clip: rect(0px, 25px, 39px, 0px);
      -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      -webkit-transform: translate(1px, -1px);
      -moz-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px); }
    .html-c-combo .html-c-information-tooltip:before {
      margin-left: -1px;
      background-color: #f6f7f8; }
    .html-c-combo .html-c-information-tooltip.html-is-none {
      display: none; }
    .html-c-combo .html-c-information-tooltip.html-is-valid {
      position: relative; }
      .html-c-combo .html-c-information-tooltip.html-is-valid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-combo .html-c-information-tooltip.html-is-valid:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-24px, -1px);
        -moz-transform: translate(-24px, -1px);
        -ms-transform: translate(-24px, -1px);
        -o-transform: translate(-24px, -1px);
        transform: translate(-24px, -1px); }
    .html-c-combo .html-c-information-tooltip.html-is-invalid {
      border-color: #c50101;
      position: relative; }
      .html-c-combo .html-c-information-tooltip.html-is-invalid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-combo .html-c-information-tooltip.html-is-invalid:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-49px, -1px);
        -moz-transform: translate(-49px, -1px);
        -ms-transform: translate(-49px, -1px);
        -o-transform: translate(-49px, -1px);
        transform: translate(-49px, -1px); }
    .html-c-combo .html-c-information-tooltip.html-is-warning {
      border-color: #9d6712;
      position: relative; }
      .html-c-combo .html-c-information-tooltip.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-combo .html-c-information-tooltip.html-is-warning:before {
        clip: rect(0px, 100px, 39px, 75px);
        -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        -webkit-transform: translate(-74px, -1px);
        -moz-transform: translate(-74px, -1px);
        -ms-transform: translate(-74px, -1px);
        -o-transform: translate(-74px, -1px);
        transform: translate(-74px, -1px); }
    .html-c-combo .html-c-information-tooltip.html-is-disabled {
      border-color: #e8eaec; }
      .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-info {
        position: relative; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          clip: rect(0px, 25px, 39px, 0px);
          -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          -webkit-transform: translate(1px, -1px);
          -moz-transform: translate(1px, -1px);
          -ms-transform: translate(1px, -1px);
          -o-transform: translate(1px, -1px);
          transform: translate(1px, -1px); }
      .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-valid {
        position: relative; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          clip: rect(0px, 50px, 39px, 25px);
          -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          -webkit-transform: translate(-24px, -1px);
          -moz-transform: translate(-24px, -1px);
          -ms-transform: translate(-24px, -1px);
          -o-transform: translate(-24px, -1px);
          transform: translate(-24px, -1px); }
      .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid {
        position: relative; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          clip: rect(0px, 75px, 39px, 50px);
          -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          -webkit-transform: translate(-49px, -1px);
          -moz-transform: translate(-49px, -1px);
          -ms-transform: translate(-49px, -1px);
          -o-transform: translate(-49px, -1px);
          transform: translate(-49px, -1px); }
      .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-warning {
        position: relative; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-combo .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          clip: rect(0px, 100px, 39px, 75px);
          -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          -webkit-transform: translate(-74px, -1px);
          -moz-transform: translate(-74px, -1px);
          -ms-transform: translate(-74px, -1px);
          -o-transform: translate(-74px, -1px);
          transform: translate(-74px, -1px); }
  .html-c-combo .html-form-field {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-combo.html-is-invalid .html-select {
    border-color: #c50101; }
  .html-c-combo.html-is-warning .html-select {
    border-color: #9d6712; }
  .html-c-combo.html-is-readonly .html-select {
    border-color: #e8eaec;
    background-color: #ffffff; }
  .html-c-combo.html-is-disabled .html-select {
    border-color: #e8eaec;
    background-color: #ffffff;
    color: #666666;
    cursor: not-allowed; }
    .html-c-combo.html-is-disabled .html-select:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

.html-c-checkbox,
.html-c-radio {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0;
  display: inline-block;
  padding-right: 34px; }
  .html-c-checkbox .html-form-field,
  .html-c-radio .html-form-field {
    display: inline-block;
    width: 100%; }
  .html-c-checkbox .html-c-information-tooltip.html-round-icon,
  .html-c-radio .html-c-information-tooltip.html-round-icon {
    vertical-align: middle;
    margin-left: 14px; }
  .html-c-checkbox .html-decorated-field,
  .html-c-radio .html-decorated-field {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    margin: 5px 0 5px 0;
    padding: 0;
    border-style: none; }
  .html-c-checkbox .html-decorator,
  .html-c-radio .html-decorator {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
  .html-c-checkbox .html-checkbox,
  .html-c-checkbox .html-radio,
  .html-c-radio .html-checkbox,
  .html-c-radio .html-radio {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3200;
    opacity: 0;
    cursor: pointer; }
    .html-c-checkbox .html-checkbox:focus + .html-decorator,
    .html-c-checkbox .html-radio:focus + .html-decorator,
    .html-c-radio .html-checkbox:focus + .html-decorator,
    .html-c-radio .html-radio:focus + .html-decorator {
      -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      border: none;
      outline: none; }
    .html-c-checkbox .html-checkbox:active + .html-decorator,
    .html-c-checkbox .html-radio:active + .html-decorator,
    .html-c-radio .html-checkbox:active + .html-decorator,
    .html-c-radio .html-radio:active + .html-decorator {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .html-c-checkbox .html-checkbox:disabled,
    .html-c-checkbox .html-radio:disabled,
    .html-c-radio .html-checkbox:disabled,
    .html-c-radio .html-radio:disabled {
      cursor: default; }
  .html-c-checkbox .html-checkbox-label.label-is-readonly,
  .html-c-checkbox .html-label-for-radio.label-is-readonly,
  .html-c-radio .html-checkbox-label.label-is-readonly,
  .html-c-radio .html-label-for-radio.label-is-readonly {
    color: #919397;
    cursor: default; }
  .html-c-checkbox .html-checkbox-label--link,
  .html-c-checkbox .html-label-for-radio--link,
  .html-c-radio .html-checkbox-label--link,
  .html-c-radio .html-label-for-radio--link {
    color: #0099cc;
    text-decoration: underline; }

.html-radio-control .html-c-radio .html-form-field {
  display: inline-block;
  width: calc(100% - 50px); }

.html-c-checkbox input[type=checkbox] {
  width: 19px;
  height: 19px; }

.html-c-checkbox .html-decorator {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative; }
  .html-c-checkbox .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-checkbox .html-decorator:before {
    clip: rect(0px, 29px, 29px, 0px);
    -webkit-clip-path: polygon(0px 0px, 29px 0px, 29px 29px, 0px 29px);
    clip-path: polygon(0px 0px, 29px 0px, 29px 29px, 0px 29px);
    -webkit-transform: translate(-5px, -5px);
    -moz-transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    -o-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px); }

.html-c-checkbox .html-checkbox:checked + .html-decorator {
  position: relative; }
  .html-c-checkbox .html-checkbox:checked + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-checkbox .html-checkbox:checked + .html-decorator:before {
    clip: rect(0px, 58px, 29px, 29px);
    -webkit-clip-path: polygon(29px 0px, 58px 0px, 58px 29px, 29px 29px);
    clip-path: polygon(29px 0px, 58px 0px, 58px 29px, 29px 29px);
    -webkit-transform: translate(-34px, -5px);
    -moz-transform: translate(-34px, -5px);
    -ms-transform: translate(-34px, -5px);
    -o-transform: translate(-34px, -5px);
    transform: translate(-34px, -5px); }

.html-c-checkbox .html-checkbox:disabled + .html-decorator {
  position: relative; }
  .html-c-checkbox .html-checkbox:disabled + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-checkbox .html-checkbox:disabled + .html-decorator:before {
    clip: rect(0px, 87px, 29px, 58px);
    -webkit-clip-path: polygon(58px 0px, 87px 0px, 87px 29px, 58px 29px);
    clip-path: polygon(58px 0px, 87px 0px, 87px 29px, 58px 29px);
    -webkit-transform: translate(-63px, -5px);
    -moz-transform: translate(-63px, -5px);
    -ms-transform: translate(-63px, -5px);
    -o-transform: translate(-63px, -5px);
    transform: translate(-63px, -5px); }

.html-c-checkbox .html-checkbox:disabled:checked + .html-decorator {
  position: relative; }
  .html-c-checkbox .html-checkbox:disabled:checked + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-checkbox .html-checkbox:disabled:checked + .html-decorator:before {
    clip: rect(0px, 116px, 29px, 87px);
    -webkit-clip-path: polygon(87px 0px, 116px 0px, 116px 29px, 87px 29px);
    clip-path: polygon(87px 0px, 116px 0px, 116px 29px, 87px 29px);
    -webkit-transform: translate(-92px, -5px);
    -moz-transform: translate(-92px, -5px);
    -ms-transform: translate(-92px, -5px);
    -o-transform: translate(-92px, -5px);
    transform: translate(-92px, -5px); }

.html-c-radio input[type=radio] {
  width: 19px;
  height: 19px; }

.html-c-radio .html-decorator {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative; }
  .html-c-radio .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-radio .html-decorator:before {
    clip: rect(29px, 29px, 58px, 0px);
    -webkit-clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
    clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
    -webkit-transform: translate(-5px, -34px);
    -moz-transform: translate(-5px, -34px);
    -ms-transform: translate(-5px, -34px);
    -o-transform: translate(-5px, -34px);
    transform: translate(-5px, -34px); }

.html-c-radio .html-radio:checked + .html-decorator {
  position: relative; }
  .html-c-radio .html-radio:checked + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-radio .html-radio:checked + .html-decorator:before {
    clip: rect(29px, 58px, 58px, 29px);
    -webkit-clip-path: polygon(29px 29px, 58px 29px, 58px 58px, 29px 58px);
    clip-path: polygon(29px 29px, 58px 29px, 58px 58px, 29px 58px);
    -webkit-transform: translate(-34px, -34px);
    -moz-transform: translate(-34px, -34px);
    -ms-transform: translate(-34px, -34px);
    -o-transform: translate(-34px, -34px);
    transform: translate(-34px, -34px); }

.html-c-radio .html-radio:disabled + .html-decorator {
  position: relative; }
  .html-c-radio .html-radio:disabled + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-radio .html-radio:disabled + .html-decorator:before {
    clip: rect(29px, 87px, 58px, 58px);
    -webkit-clip-path: polygon(58px 29px, 87px 29px, 87px 58px, 58px 58px);
    clip-path: polygon(58px 29px, 87px 29px, 87px 58px, 58px 58px);
    -webkit-transform: translate(-63px, -34px);
    -moz-transform: translate(-63px, -34px);
    -ms-transform: translate(-63px, -34px);
    -o-transform: translate(-63px, -34px);
    transform: translate(-63px, -34px); }

.html-c-radio .html-radio:disabled:checked + .html-decorator {
  position: relative; }
  .html-c-radio .html-radio:disabled:checked + .html-decorator:before {
    content: url("../images/pui/csobpoj/sprites/sprite-check.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-radio .html-radio:disabled:checked + .html-decorator:before {
    clip: rect(29px, 116px, 58px, 87px);
    -webkit-clip-path: polygon(87px 29px, 116px 29px, 116px 58px, 87px 58px);
    clip-path: polygon(87px 29px, 116px 29px, 116px 58px, 87px 58px);
    -webkit-transform: translate(-92px, -34px);
    -moz-transform: translate(-92px, -34px);
    -ms-transform: translate(-92px, -34px);
    -o-transform: translate(-92px, -34px);
    transform: translate(-92px, -34px); }

.html-c-select-optiongroup {
  position: relative;
  display: inline-block;
  margin-top: -10px;
  margin-bottom: -1px;
  padding-right: 34px;
  vertical-align: middle; }
  .html-c-select-optiongroup .html-c-information-tooltip.html-round-icon {
    position: absolute;
    top: 50%;
    right: 29px;
    margin-top: 5px;
    margin-left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .html-c-select-optiongroup .html-select-option {
    display: inline-block;
    min-height: 30px;
    margin-top: 10px;
    margin-right: 20px; }
    .html-c-select-optiongroup .html-select-option:last-child {
      margin-right: 10px; }
    .html-c-select-optiongroup .html-select-option .html-c-radio {
      padding-right: 0; }
    .html-c-select-optiongroup .html-select-option label {
      margin-bottom: 0; }

.html-c-button.html-is-major .html-button {
  padding: 13px 25px 16px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.html-c-button.html-is-minor .html-button {
  padding: 3px 15px 6px 15px;
  font-size: 13px; }

.html-c-button.html-is-flat .html-button {
  text-align: left;
  padding: 0; }
  .html-c-button.html-is-flat .html-button:hover {
    text-decoration: none; }

.html-c-button.html-is-primary .html-button {
  background-color: #ff6000;
  color: #ffffff;
  -webkit-box-shadow: inset 0 -3px 0 0 #d95200;
  -moz-box-shadow: inset 0 -3px 0 0 #d95200;
  box-shadow: inset 0 -3px 0 0 #d95200; }
  .html-c-button.html-is-primary .html-button:hover {
    background-color: #963a00;
    color: #ffffff;
    -webkit-box-shadow: inset 0 -3px 0 0 #803100;
    -moz-box-shadow: inset 0 -3px 0 0 #803100;
    box-shadow: inset 0 -3px 0 0 #803100; }
    .html-c-button.html-is-primary .html-button:hover:focus {
      -webkit-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6); }
  .html-c-button.html-is-primary .html-button:focus {
    -webkit-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6); }

.html-c-button.html-is-secondary .html-button {
  background-color: #0099cc;
  color: #ffffff;
  -webkit-box-shadow: inset 0 -3px 0 0 #006b8f;
  -moz-box-shadow: inset 0 -3px 0 0 #006b8f;
  box-shadow: inset 0 -3px 0 0 #006b8f; }
  .html-c-button.html-is-secondary .html-button:hover {
    background-color: #007399;
    color: #ffffff;
    -webkit-box-shadow: inset 0 -3px 0 0 #004b63;
    -moz-box-shadow: inset 0 -3px 0 0 #004b63;
    box-shadow: inset 0 -3px 0 0 #004b63; }
    .html-c-button.html-is-secondary .html-button:hover:focus {
      -webkit-box-shadow: inset 0 -3px 0 0 #004b63, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: inset 0 -3px 0 0 #004b63, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: inset 0 -3px 0 0 #004b63, 0 0 9px 1px rgba(37, 126, 161, 0.6); }
  .html-c-button.html-is-secondary .html-button:focus {
    -webkit-box-shadow: inset 0 -3px 0 0 #006b8f, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: inset 0 -3px 0 0 #006b8f, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: inset 0 -3px 0 0 #006b8f, 0 0 9px 1px rgba(37, 126, 161, 0.6); }

.html-c-button.html-is-tertiary .html-button {
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 9px;
  border: 1px solid #0099cc;
  background-color: #ffffff;
  color: #0099cc; }
  .html-c-button.html-is-tertiary .html-button:hover {
    border-color: #007399;
    background-color: #ffffff;
    color: #007399; }

.html-c-button.html-is-tertiary.html-is-major .html-button {
  padding-right: 24px;
  padding-left: 24px;
  padding-bottom: 14px; }

.html-c-button.html-is-tertiary.html-is-minor .html-button {
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: 4px; }

.html-c-button.html-is-disabled .html-button {
  cursor: not-allowed; }
  .html-c-button.html-is-disabled .html-button, .html-c-button.html-is-disabled .html-button:hover {
    border-color: #d0d4d9;
    background-color: #f2f3f5;
    color: #c4c7cb !important;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.html-c-button.html-is-disabled.html-is-primary .html-button, .html-c-button.html-is-disabled.html-is-secondary .html-button {
  -webkit-box-shadow: inset 0 -3px 0 0 #e2e4e5;
  -moz-box-shadow: inset 0 -3px 0 0 #e2e4e5;
  box-shadow: inset 0 -3px 0 0 #e2e4e5; }

.html-c-button.html-has-left-icon .html-button:before, .html-c-button.html-has-right-icon .html-button:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -11px);
  width: 21px;
  height: 21px;
  z-index: 3120;
  background-repeat: no-repeat; }

.html-c-button.html-has-left-icon .html-button {
  padding-left: 45px !important; }
  .html-c-button.html-has-left-icon .html-button:before {
    left: 15px; }

.html-c-button.html-has-right-icon .html-button {
  padding-right: 45px !important; }
  .html-c-button.html-has-right-icon .html-button:before {
    right: 15px; }

.html-c-button.html-is-tertiary .html-button:before {
  transform: translate(0, -11px); }

.html-c-button.html-is-link .html-button {
  background-color: transparent;
  color: #ff6000;
  text-decoration: underline;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .html-c-button.html-is-link .html-button:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #963a00; }
  .html-c-button.html-is-link .html-button:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }

.html-c-button.html-is-link.html-is-disabled .html-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.html-c-button.html-is-link.html-is-secondary .html-button {
  color: #0a7caf; }
  .html-c-button.html-is-link.html-is-secondary .html-button:hover:focus {
    box-shadow: none; }

.html-c-button.html-is-pin .html-button:before {
  background-image: url("../images/pui/csobpoj/icons/button-map-pin.png");
  background-image: url("../images/pui/csobpoj/icons/button-map-pin.svg"), none; }

.html-c-button.html-is-external-link .html-button:before {
  background-image: url("../images/pui/csobpoj/icons/button-external-link.png");
  background-image: url("../images/pui/csobpoj/icons/button-external-link.svg"), none; }

.html-c-button.html-is-arrow-left .html-button:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-button-secondary.svg");
  background-repeat: no-repeat;
  background-position: -10px -14px; }

.html-c-button.html-is-phone-call .html-button:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-button-link.svg");
  background-repeat: no-repeat;
  background-position: 0px 0px; }

@media print {
  input[type=submit],
  input[type=reset],
  input[type=button],
  button,
  .html-c-button {
    display: none !important; } }

.html-c-password {
  padding-right: 23px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-password .html-c-information-tooltip {
    width: 25px;
    height: 39px;
    margin-left: -2px;
    margin-right: -25px;
    border-style: solid;
    border-color: #d0d4d9;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative; }
    .html-c-password .html-c-information-tooltip:before {
      content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
      position: absolute;
      display: block;
      width: 100px;
      height: 78px;
      transform-origin: 0 0; }
    .html-c-password .html-c-information-tooltip:before {
      clip: rect(0px, 25px, 39px, 0px);
      -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      -webkit-transform: translate(1px, -1px);
      -moz-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px); }
    .html-c-password .html-c-information-tooltip:before {
      margin-left: -1px;
      background-color: #f6f7f8; }
    .html-c-password .html-c-information-tooltip.html-is-none {
      display: none; }
    .html-c-password .html-c-information-tooltip.html-is-valid {
      position: relative; }
      .html-c-password .html-c-information-tooltip.html-is-valid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-password .html-c-information-tooltip.html-is-valid:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-24px, -1px);
        -moz-transform: translate(-24px, -1px);
        -ms-transform: translate(-24px, -1px);
        -o-transform: translate(-24px, -1px);
        transform: translate(-24px, -1px); }
    .html-c-password .html-c-information-tooltip.html-is-invalid {
      border-color: #c50101;
      position: relative; }
      .html-c-password .html-c-information-tooltip.html-is-invalid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-password .html-c-information-tooltip.html-is-invalid:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-49px, -1px);
        -moz-transform: translate(-49px, -1px);
        -ms-transform: translate(-49px, -1px);
        -o-transform: translate(-49px, -1px);
        transform: translate(-49px, -1px); }
    .html-c-password .html-c-information-tooltip.html-is-warning {
      border-color: #9d6712;
      position: relative; }
      .html-c-password .html-c-information-tooltip.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-password .html-c-information-tooltip.html-is-warning:before {
        clip: rect(0px, 100px, 39px, 75px);
        -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        -webkit-transform: translate(-74px, -1px);
        -moz-transform: translate(-74px, -1px);
        -ms-transform: translate(-74px, -1px);
        -o-transform: translate(-74px, -1px);
        transform: translate(-74px, -1px); }
    .html-c-password .html-c-information-tooltip.html-is-disabled {
      border-color: #e8eaec; }
      .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-info {
        position: relative; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          clip: rect(0px, 25px, 39px, 0px);
          -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          -webkit-transform: translate(1px, -1px);
          -moz-transform: translate(1px, -1px);
          -ms-transform: translate(1px, -1px);
          -o-transform: translate(1px, -1px);
          transform: translate(1px, -1px); }
      .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-valid {
        position: relative; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          clip: rect(0px, 50px, 39px, 25px);
          -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          -webkit-transform: translate(-24px, -1px);
          -moz-transform: translate(-24px, -1px);
          -ms-transform: translate(-24px, -1px);
          -o-transform: translate(-24px, -1px);
          transform: translate(-24px, -1px); }
      .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-invalid {
        position: relative; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          clip: rect(0px, 75px, 39px, 50px);
          -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          -webkit-transform: translate(-49px, -1px);
          -moz-transform: translate(-49px, -1px);
          -ms-transform: translate(-49px, -1px);
          -o-transform: translate(-49px, -1px);
          transform: translate(-49px, -1px); }
      .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-warning {
        position: relative; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-password .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          clip: rect(0px, 100px, 39px, 75px);
          -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          -webkit-transform: translate(-74px, -1px);
          -moz-transform: translate(-74px, -1px);
          -ms-transform: translate(-74px, -1px);
          -o-transform: translate(-74px, -1px);
          transform: translate(-74px, -1px); }
  .html-c-password .html-form-field {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-password.html-is-invalid .html-input {
    border-color: #c50101; }
  .html-c-password.html-is-warning .html-input {
    border-color: #9d6712; }
  .html-c-password.html-is-readonly .html-input {
    border-color: #e8eaec;
    background-color: #ffffff; }
  .html-c-password.html-is-disabled .html-input {
    border-color: #e8eaec;
    background-color: #ffffff;
    color: #666666;
    cursor: not-allowed; }
    .html-c-password.html-is-disabled .html-input:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

.html-c-date-picker .html-input {
  padding-right: 39px; }

.html-c-date-picker .html-calendar-toggle {
  content: '';
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1; }
  .html-c-date-picker .html-calendar-toggle .html-button {
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("../images/pui/csobpoj/icons/form-datepicker-open.png");
    background-image: url("../images/pui/csobpoj/icons/form-datepicker-open.svg"), none;
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
    padding: 2px;
    border: none;
    background-color: transparent;
    outline: none; }

.html-is-readonly .html-calendar-toggle .html-button,
.html-is-disabled .html-calendar-toggle .html-button {
  background-image: url("../images/pui/csobpoj/icons/form-datepicker-inactive.png");
  background-image: url("../images/pui/csobpoj/icons/form-datepicker-inactive.svg"), none; }

.ui-datepicker {
  -webkit-box-shadow: 0 0 2px #cccccc;
  -moz-box-shadow: 0 0 2px #cccccc;
  box-shadow: 0 0 2px #cccccc;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  position: absolute;
  z-index: 7720 !important;
  display: none;
  border: 1px solid #d0d4d9;
  background-color: #ffffff;
  background-color: #ffffff;
  color: #434548;
  font-size: 16px;
  text-align: center;
  cursor: default; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    background-color: #f1f9fd; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 48px;
    height: 48px;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-prev:focus,
    .ui-datepicker .ui-datepicker-next:focus {
      -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      outline: none; }
  .ui-datepicker .ui-datepicker-prev::before,
  .ui-datepicker .ui-datepicker-next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }
  .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
  .ui-datepicker .ui-datepicker-next.ui-state-disabled {
    opacity: 0.2;
    cursor: auto; }
  .ui-datepicker .ui-datepicker-prev {
    left: 0; }
    .ui-datepicker .ui-datepicker-prev::before {
      margin-left: -3px;
      border-right: 6px solid black; }
  .ui-datepicker .ui-datepicker-next {
    right: 0; }
    .ui-datepicker .ui-datepicker-next::before {
      margin-right: -3px;
      border-left: 6px solid black; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 48px;
    line-height: 48px; }
  .ui-datepicker .ui-datepicker-calendar {
    margin: 0 15px; }
    .ui-datepicker .ui-datepicker-calendar a {
      color: #434548;
      text-decoration: none; }
    .ui-datepicker .ui-datepicker-calendar thead tr th {
      background-color: transparent; }
      .ui-datepicker .ui-datepicker-calendar thead tr th span {
        display: inline-block;
        width: 35px;
        margin-bottom: 2px;
        border-bottom: 1px solid #eff1f3;
        background-color: transparent;
        line-height: 35px; }
    .ui-datepicker .ui-datepicker-calendar tbody a.ui-state-default,
    .ui-datepicker .ui-datepicker-calendar tbody span.ui-state-default {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      display: inline-block;
      width: 33px;
      margin: 0 1px 2px 1px;
      background-color: transparent;
      line-height: 33px;
      transition: color 0.3s, background-color 0.3s; }
      .ui-datepicker .ui-datepicker-calendar tbody a.ui-state-default.ui-state-hover,
      .ui-datepicker .ui-datepicker-calendar tbody span.ui-state-default.ui-state-hover {
        background-color: #ff6000;
        color: #ffffff; }
    .ui-datepicker .ui-datepicker-calendar tbody .ui-state-disabled {
      opacity: 0.4; }
    .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-week-end .ui-state-default {
      color: #434548; }
    .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-current-day a {
      background-color: #0099cc;
      color: #ffffff;
      transition: color 0.3s, background-color 0.3s; }
      .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-current-day a.ui-state-default {
        color: #ffffff; }
      .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-current-day a.ui-state-hover {
        background-color: #ff6000;
        color: #ffffff; }
    .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-other-month a,
    .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable a {
      opacity: 0.4; }
      .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-other-month a.ui-state-hover,
      .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable a.ui-state-hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    position: relative;
    height: 48px;
    background-color: #f1f9fd; }
    .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current,
    .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
      position: absolute;
      top: 0;
      padding: 14px 20px;
      color: #0a7caf; }
    .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
      color: #ff6000; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border: 0 none;
      background-color: transparent;
      color: #ff6000;
      text-decoration: underline; }
      .ui-datepicker .ui-datepicker-buttonpane button:focus {
        -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
        -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
        box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
        outline: none; }
      .ui-datepicker .ui-datepicker-buttonpane button:hover {
        color: #963a00; }
    .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
      left: 0; }
    .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
      right: 0; }

@media (max-width: 520px) {
  .ui-datepicker {
    -webkit-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    -o-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    top: 20% !important;
    left: 50% !important;
    outline: 1000px solid rgba(0, 0, 0, 0.5); } }

@media print {
  .html-frm-full {
    max-width: 100%; } }

.html-c-textarea .html-form-field {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.html-c-textarea .html-textarea {
  resize: vertical;
  width: inherit;
  height: auto; }
  .html-c-textarea .html-textarea:disabled {
    border-color: #e8eaec;
    background-color: #ffffff;
    color: #666666;
    cursor: not-allowed; }
    .html-c-textarea .html-textarea:disabled::placeholder {
      color: #666666; }
  .html-c-textarea .html-textarea:focus:disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .html-c-textarea .html-textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.html-c-textarea.html-is-invalid .html-textarea {
  border-color: #c50101; }

.html-c-textarea.html-is-warning .html-textarea {
  border-color: #9d6712; }

.html-c-textarea.html-is-readonly .html-textarea {
  border-color: #e8eaec;
  background-color: #ffffff; }

.html-c-textarea.html-is-disabled .html-textarea {
  border-color: #e8eaec;
  background-color: #ffffff;
  color: #666666;
  cursor: not-allowed; }
  .html-c-textarea.html-is-disabled .html-textarea::placeholder {
    color: #666666; }
  .html-c-textarea.html-is-disabled .html-textarea:focus:disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.html-c-textarea.html-has-tooltip {
  padding-right: 23px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-textarea.html-has-tooltip .html-c-information-tooltip {
    width: 25px;
    height: 39px;
    margin-left: -2px;
    margin-right: -25px;
    border-style: solid;
    border-color: #d0d4d9;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative; }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip:before {
      content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
      position: absolute;
      display: block;
      width: 100px;
      height: 78px;
      transform-origin: 0 0; }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip:before {
      clip: rect(0px, 25px, 39px, 0px);
      -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      -webkit-transform: translate(1px, -1px);
      -moz-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px); }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip:before {
      margin-left: -1px;
      background-color: #f6f7f8; }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-none {
      display: none; }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-valid {
      position: relative; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-valid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-valid:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-24px, -1px);
        -moz-transform: translate(-24px, -1px);
        -ms-transform: translate(-24px, -1px);
        -o-transform: translate(-24px, -1px);
        transform: translate(-24px, -1px); }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-invalid {
      border-color: #c50101;
      position: relative; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-invalid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-invalid:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-49px, -1px);
        -moz-transform: translate(-49px, -1px);
        -ms-transform: translate(-49px, -1px);
        -o-transform: translate(-49px, -1px);
        transform: translate(-49px, -1px); }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-warning {
      border-color: #9d6712;
      position: relative; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-warning:before {
        clip: rect(0px, 100px, 39px, 75px);
        -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        -webkit-transform: translate(-74px, -1px);
        -moz-transform: translate(-74px, -1px);
        -ms-transform: translate(-74px, -1px);
        -o-transform: translate(-74px, -1px);
        transform: translate(-74px, -1px); }
    .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled {
      border-color: #e8eaec; }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-info {
        position: relative; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          clip: rect(0px, 25px, 39px, 0px);
          -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          -webkit-transform: translate(1px, -1px);
          -moz-transform: translate(1px, -1px);
          -ms-transform: translate(1px, -1px);
          -o-transform: translate(1px, -1px);
          transform: translate(1px, -1px); }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-valid {
        position: relative; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          clip: rect(0px, 50px, 39px, 25px);
          -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          -webkit-transform: translate(-24px, -1px);
          -moz-transform: translate(-24px, -1px);
          -ms-transform: translate(-24px, -1px);
          -o-transform: translate(-24px, -1px);
          transform: translate(-24px, -1px); }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-invalid {
        position: relative; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          clip: rect(0px, 75px, 39px, 50px);
          -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          -webkit-transform: translate(-49px, -1px);
          -moz-transform: translate(-49px, -1px);
          -ms-transform: translate(-49px, -1px);
          -o-transform: translate(-49px, -1px);
          transform: translate(-49px, -1px); }
      .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-warning {
        position: relative; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-textarea.html-has-tooltip .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          clip: rect(0px, 100px, 39px, 75px);
          -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          -webkit-transform: translate(-74px, -1px);
          -moz-transform: translate(-74px, -1px);
          -ms-transform: translate(-74px, -1px);
          -o-transform: translate(-74px, -1px);
          transform: translate(-74px, -1px); }

.html-c-sms-authentication .html-b-sms-code {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }

.html-c-sms-authentication .html-b-caption {
  width: 100%;
  margin-bottom: -1px;
  vertical-align: middle;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-sms-authentication .html-b-caption .html-label {
    display: block;
    margin-bottom: -1px;
    padding-top: 11px;
    padding-right: 20px;
    line-height: 20px;
    color: #434548;
    font-size: 16px; }

.html-c-sms-authentication .html-b-value {
  width: 180px;
  margin-left: 0;
  padding-top: 11px;
  padding-left: 0;
  vertical-align: middle;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-sms-authentication .html-b-value .html-c-text {
    display: block;
    font-size: 16px; }

.html-c-sms-authentication.html-is-expired .html-b-sms-code {
  display: none; }

@media (min-width: 521px) {
  .html-c-sms-authentication .html-b-caption {
    display: inline-block;
    max-width: 160px; }
  .html-c-sms-authentication .html-b-value {
    display: inline-block;
    width: 340px;
    padding-left: 160px;
    margin-left: -160px; } }

.html-c-form-steps {
  display: block;
  width: 100%;
  table-layout: fixed; }
  .html-c-form-steps .html-list-steps {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    padding-left: 0;
    list-style-type: none;
    list-style-image: none;
    word-break: break-all; }
  .html-c-form-steps .html-step {
    flex: 0 1 auto;
    position: relative;
    padding: 0 5px; }
    .html-c-form-steps .html-step:before {
      content: '';
      display: block;
      position: absolute;
      top: 24px;
      left: 50%;
      width: 100%;
      height: 1px;
      background-color: #d0d4d9; }
    .html-c-form-steps .html-step:last-child:before {
      content: none; }
    .html-c-form-steps .html-step .html-b-step {
      display: block;
      position: relative;
      width: 50px;
      margin: 0 auto;
      padding: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px; }
    .html-c-form-steps .html-step a.html-b-step {
      color: #000000;
      text-decoration: none; }
  .html-c-form-steps .html-step-number,
  .html-c-form-steps .html-step-caption {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px; }
  .html-c-form-steps .html-step-caption {
    word-wrap: break-word; }
  .html-c-form-steps .html-step-number {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #c4c7cb;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px; }
    .html-c-form-steps .html-step-number:before {
      content: '';
      display: block;
      position: absolute;
      left: -1px;
      top: -1px;
      width: 42px;
      height: 42px;
      border: 4px solid #ffffff;
      -webkit-border-radius: 21px;
      -moz-border-radius: 21px;
      border-radius: 21px; }
  .html-c-form-steps .html-step-caption {
    display: block;
    width: 350%;
    margin-left: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 0;
    overflow: hidden; }
  .html-c-form-steps .html-step:first-child .html-step-caption {
    margin-left: 0;
    text-align: left;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .html-c-form-steps .html-step:last-child .html-step-caption {
    margin-left: 40px;
    text-align: right;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .html-c-form-steps .html-is-passed .html-step-number {
    background-color: #0099cc; }
  .html-c-form-steps .html-is-passed .html-step-caption {
    color: #0099cc; }
  .html-c-form-steps .html-is-active .html-step-number {
    background-color: #003366; }
  .html-c-form-steps .html-is-active .html-step-caption {
    color: #003366;
    font-weight: normal; }
  .html-c-form-steps .html-is-active .html-step-caption {
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: none; }
  .html-c-form-steps .html-accessible-label {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }

@media (min-width: 769px) {
  .html-c-form-steps .html-step .html-b-step {
    width: auto; }
    .html-c-form-steps .html-step .html-b-step .html-step-caption {
      width: auto;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 0;
      text-align: center;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      max-height: none; } }

@media print {
  .html-c-form-steps .html-step .html-b-step {
    width: auto; }
    .html-c-form-steps .html-step .html-b-step .html-step-caption {
      width: auto;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 0;
      text-align: center;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      max-height: none;
      overflow: auto; }
  .html-c-form-steps .html-step-number {
    border: 1px solid #c4c7cb;
    color: #ffffff; }
    .html-c-form-steps .html-step-number:before {
      content: none; }
  .html-c-form-steps .html-step-caption {
    display: block;
    color: #000000; }
  .html-c-form-steps .html-is-passed .html-step-number {
    border-color: #0099cc;
    color: #ffffff; }
  .html-c-form-steps .html-is-active .html-step-number {
    border-color: #003366;
    color: #ffffff; }
  .html-c-form-steps .html-is-active .html-step-caption {
    color: #ff6000; } }

.html-c-form-row {
  margin-top: -1px;
  border-bottom: 1px solid #dde0e4;
  padding-bottom: 10px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-form-row.html-has-no-border {
    border: 0; }
  .html-c-form-row.html-has-icon .html-b-form-row-caption {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding-top: 5px;
    width: 60px; }
  .html-c-form-row.html-has-icon .html-b-form-row-content {
    display: inline-block;
    vertical-align: middle;
    padding-left: 60px;
    margin-left: -60px; }
  .html-c-form-row .html-b-form-row-caption {
    width: 100%;
    max-width: 100%;
    margin-bottom: -1px;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-form-row .html-b-form-row-caption .html-label {
      display: block;
      margin-bottom: -1px;
      padding-top: 11px;
      padding-right: 20px;
      line-height: 20px;
      color: #434548; }
  .html-c-form-row .html-b-form-row-content {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    vertical-align: middle;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .html-c-form-row .html-b-form-row-content:first-child {
      margin-left: 0;
      padding-left: 0; }
      .html-c-form-row .html-b-form-row-content:first-child .html-frm-large {
        max-width: 580px; }
      .html-c-form-row .html-b-form-row-content:first-child .html-frm-full {
        max-width: 100%; }
  .html-c-form-row .html-frm-slot {
    display: inline-block;
    margin-right: 20px;
    padding-top: 11px;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-form-row .html-frm-slot:last-child {
      margin-right: 0; }
    .html-c-form-row .html-frm-slot > .html-c-text {
      display: block;
      margin-bottom: -1px;
      font-size: 16px; }
    .html-c-form-row .html-frm-slot.html-has-tooltip {
      display: flex;
      align-items: center; }
      .html-c-form-row .html-frm-slot.html-has-tooltip > .html-c-information-tooltip {
        flex: 0 0 auto; }
  .html-c-form-row .html-frm-micro {
    width: 60px; }
  .html-c-form-row .html-frm-mini {
    width: 100px; }
  .html-c-form-row .html-frm-small {
    width: 180px; }
  .html-c-form-row .html-frm-medium {
    width: 100%;
    max-width: 300px; }
  .html-c-form-row .html-frm-large {
    width: 100%;
    max-width: 420px; }
  .html-c-form-row .html-frm-full {
    width: 100%;
    max-width: 620px; }
  .html-c-form-row .html-frm-micro .html-c-input-field, .html-c-form-row .html-frm-micro .html-c-date-picker,
  .html-c-form-row .html-frm-auto .html-c-input-field,
  .html-c-form-row .html-frm-auto .html-c-date-picker {
    padding-right: 0; }
  .html-c-form-row .html-frm-50 {
    width: 100%;
    margin-right: 0px; }

@media (min-width: 521px) {
  .html-c-form-row .html-b-form-row-caption {
    display: inline-block;
    max-width: 160px; }
  .html-c-form-row .html-b-form-row-content {
    display: inline-block;
    padding-left: 160px;
    margin-left: -160px; }
  .html-c-form-row .html-frm-50 {
    width: 50%; } }

@media print {
  .html-c-form-row .html-frm-full {
    max-width: 100%; } }

.html-c-file-upload {
  display: inline-block;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-file-upload .html-form-field {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-file-upload .html-label {
    padding: 3px 14px 4px 14px;
    font-size: 13px;
    border: 1px solid #0099cc;
    background-color: #ffffff;
    color: #0099cc; }
    .html-c-file-upload .html-label:hover {
      border-color: #007399;
      background-color: #ffffff;
      color: #007399; }
  .html-c-file-upload .html-c-information-tooltip {
    vertical-align: middle; }
  .html-c-file-upload .html-b-file-input .html-input {
    position: absolute;
    top: 0;
    right: 0;
    width: inherit;
    margin: 0;
    font-size: 200px !important;
    cursor: pointer;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity*100))";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0; }
    .html-c-file-upload .html-b-file-input .html-input[disabled] + .html-label, .html-c-file-upload .html-b-file-input .html-input[disabled] + .html-label:hover {
      border-color: #d0d4d9;
      background-color: #f2f3f5;
      color: #c4c7cb !important;
      cursor: not-allowed;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

@media print {
  .html-c-file-upload input[type=file],
  .html-c-file-upload button,
  .html-c-file-upload .html-label {
    display: none !important; } }

.html-c-select-optiongroup {
  position: relative;
  display: inline-block;
  margin-top: -10px;
  margin-bottom: -1px;
  vertical-align: middle; }
  .html-c-select-optiongroup .html-c-information-tooltip.html-round-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 5px;
    margin-left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .html-c-select-optiongroup .html-select-option {
    display: inline-block;
    min-height: 30px;
    margin-top: 10px;
    margin-right: 20px; }
    .html-c-select-optiongroup .html-select-option:last-child {
      margin-right: 10px; }
    .html-c-select-optiongroup .html-select-option .html-c-radio {
      padding-right: 0; }
    .html-c-select-optiongroup .html-select-option label {
      margin-bottom: 0; }
  .html-c-select-optiongroup.html-has-tooltip {
    padding-right: 34px; }
    .html-c-select-optiongroup.html-has-tooltip:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 33px;
      width: 7px;
      border: 1px solid #ccc;
      border-left: none;
      margin-top: 10px; }

.html-c-advanced-combo {
  display: inline-block;
  position: relative;
  padding-right: 23px;
  min-width: 100%;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-advanced-combo .html-c-information-tooltip {
    width: 25px;
    height: 39px;
    margin-left: -2px;
    margin-right: -25px;
    border-style: solid;
    border-color: #d0d4d9;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative; }
    .html-c-advanced-combo .html-c-information-tooltip:before {
      content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
      position: absolute;
      display: block;
      width: 100px;
      height: 78px;
      transform-origin: 0 0; }
    .html-c-advanced-combo .html-c-information-tooltip:before {
      clip: rect(0px, 25px, 39px, 0px);
      -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
      -webkit-transform: translate(1px, -1px);
      -moz-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px); }
    .html-c-advanced-combo .html-c-information-tooltip:before {
      margin-left: -1px;
      background-color: #f6f7f8; }
    .html-c-advanced-combo .html-c-information-tooltip.html-is-none {
      display: none; }
    .html-c-advanced-combo .html-c-information-tooltip.html-is-valid {
      position: relative; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-valid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-valid:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-24px, -1px);
        -moz-transform: translate(-24px, -1px);
        -ms-transform: translate(-24px, -1px);
        -o-transform: translate(-24px, -1px);
        transform: translate(-24px, -1px); }
    .html-c-advanced-combo .html-c-information-tooltip.html-is-invalid {
      border-color: #c50101;
      position: relative; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-invalid:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-invalid:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-49px, -1px);
        -moz-transform: translate(-49px, -1px);
        -ms-transform: translate(-49px, -1px);
        -o-transform: translate(-49px, -1px);
        transform: translate(-49px, -1px); }
    .html-c-advanced-combo .html-c-information-tooltip.html-is-warning {
      border-color: #9d6712;
      position: relative; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-warning:before {
        clip: rect(0px, 100px, 39px, 75px);
        -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
        -webkit-transform: translate(-74px, -1px);
        -moz-transform: translate(-74px, -1px);
        -ms-transform: translate(-74px, -1px);
        -o-transform: translate(-74px, -1px);
        transform: translate(-74px, -1px); }
    .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled {
      border-color: #e8eaec; }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-info {
        position: relative; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-info:before {
          clip: rect(0px, 25px, 39px, 0px);
          -webkit-clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          clip-path: polygon(0px 0px, 25px 0px, 25px 39px, 0px 39px);
          -webkit-transform: translate(1px, -1px);
          -moz-transform: translate(1px, -1px);
          -ms-transform: translate(1px, -1px);
          -o-transform: translate(1px, -1px);
          transform: translate(1px, -1px); }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-valid {
        position: relative; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
          clip: rect(0px, 50px, 39px, 25px);
          -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
          -webkit-transform: translate(-24px, -1px);
          -moz-transform: translate(-24px, -1px);
          -ms-transform: translate(-24px, -1px);
          -o-transform: translate(-24px, -1px);
          transform: translate(-24px, -1px); }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid {
        position: relative; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
          clip: rect(0px, 75px, 39px, 50px);
          -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
          -webkit-transform: translate(-49px, -1px);
          -moz-transform: translate(-49px, -1px);
          -ms-transform: translate(-49px, -1px);
          -o-transform: translate(-49px, -1px);
          transform: translate(-49px, -1px); }
      .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-warning {
        position: relative; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
          position: absolute;
          display: block;
          width: 100px;
          height: 78px;
          transform-origin: 0 0; }
        .html-c-advanced-combo .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
          clip: rect(0px, 100px, 39px, 75px);
          -webkit-clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          clip-path: polygon(75px 0px, 100px 0px, 100px 39px, 75px 39px);
          -webkit-transform: translate(-74px, -1px);
          -moz-transform: translate(-74px, -1px);
          -ms-transform: translate(-74px, -1px);
          -o-transform: translate(-74px, -1px);
          transform: translate(-74px, -1px); }
  .html-c-advanced-combo .html-form-field {
    display: inline-block;
    min-width: 100%;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-advanced-combo .html-select {
    position: relative;
    z-index: 1;
    min-width: 100%;
    min-height: 39px;
    padding: 8px 30px 8px 10px;
    border: 1px solid #d0d4d9;
    background-color: #ffffff;
    color: #000000;
    line-height: 1;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    background-image: url("../images/pui/csobpoj/sprites/sprite-combo-arrow.png");
    background-image: url("../images/pui/csobpoj/sprites/sprite-combo-arrow.svg"), none;
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f6f8));
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -webkit-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -moz-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -ms-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), -o-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), linear-gradient(to bottom, #ffffff, #f5f6f8);
    filter: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.png), progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f5f6f8');
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f6f8));
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -webkit-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -moz-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -ms-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), -o-linear-gradient(top, #ffffff, #f5f6f8);
    background-image: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), linear-gradient(to bottom, #ffffff, #f5f6f8);
    filter: url(../images/pui/csobpoj/sprites/sprite-combo-arrow.svg), progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f5f6f8');
    background-position: right 1px top -12px, 0 0;
    background-repeat: no-repeat; }
  .html-c-advanced-combo .html-b-dropdown {
    display: none;
    position: absolute;
    margin-top: 9px;
    min-width: calc(100% - 23px);
    background: #ffffff;
    z-index: 4000;
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .html-c-advanced-combo .html-b-dropdown .html-b-dropdown-items {
      max-height: 250px;
      overflow: auto; }
    .html-c-advanced-combo .html-b-dropdown .html-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .html-c-advanced-combo .html-b-dropdown .html-list > * {
        margin: 0;
        padding: 0; }
      .html-c-advanced-combo .html-b-dropdown .html-list .html-b-dropdown-item {
        cursor: pointer;
        padding: 10px; }
        .html-c-advanced-combo .html-b-dropdown .html-list .html-b-dropdown-item:hover {
          background: #d7ecf8; }
        .html-c-advanced-combo .html-b-dropdown .html-list .html-b-dropdown-item.html-is-selected {
          background: #0099cc;
          color: #ffffff !important; }
        .html-c-advanced-combo .html-b-dropdown .html-list .html-b-dropdown-item.html-is-disabled {
          cursor: not-allowed;
          background-color: #ffffff;
          color: #666666 !important; }
    .html-c-advanced-combo .html-b-dropdown .html-b-search .html-c-input-field.html-search .html-form-field .html-input, .html-c-advanced-combo .html-b-dropdown .html-b-search .html-search.html-c-date-picker .html-form-field .html-input {
      padding-left: 30px;
      border-top: none;
      border-right: none;
      border-left: none; }
    .html-c-advanced-combo .html-b-dropdown .html-b-search .html-c-input-field.html-search .html-form-field:before, .html-c-advanced-combo .html-b-dropdown .html-b-search .html-search.html-c-date-picker .html-form-field:before {
      content: "";
      position: absolute;
      left: 5px;
      top: 50%;
      width: 18px;
      height: 18px;
      z-index: 3120;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-image: url("../images/pui/csobpoj/icons/commons-search.png");
      background-image: url("../images/pui/csobpoj/icons/commons-search.svg"), none;
      background-size: 18px 18px; }
  .html-c-advanced-combo.html-is-invalid .html-select {
    border-color: #c50101; }
  .html-c-advanced-combo.html-is-warning .html-select {
    border-color: #9d6712; }
  .html-c-advanced-combo.html-is-readonly .html-select {
    border-color: #e8eaec;
    background-color: #ffffff; }
  .html-c-advanced-combo.html-is-disabled .html-select {
    border-color: #e8eaec;
    background-color: #ffffff;
    color: #666666;
    cursor: not-allowed; }
    .html-c-advanced-combo.html-is-disabled .html-select:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .html-c-advanced-combo.html-is-expanded .html-b-dropdown {
    display: block; }

.html-c-file-upload-list {
  position: relative;
  z-index: 1; }
  .html-c-file-upload-list .html-b-file-list {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .html-c-file-upload-list .html-b-file {
    display: inline-block;
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 5px 10px;
    background: #eff1f3;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-file-upload-list .html-b-file .html-b-file-details {
      display: inline-block; }
      .html-c-file-upload-list .html-b-file .html-b-file-details .html-b-file-name {
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle; }
        .html-c-file-upload-list .html-b-file .html-b-file-details .html-b-file-name .html-file-name {
          display: block;
          max-width: 200px;
          -o-text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      .html-c-file-upload-list .html-b-file .html-b-file-details .html-b-file-size {
        display: inline-block; }
    .html-c-file-upload-list .html-b-file .html-c-information-tooltip {
      position: absolute;
      top: 0;
      right: 0;
      margin-left: 0; }
    .html-c-file-upload-list .html-b-file .html-c-button.html-delete {
      position: absolute;
      top: 50%;
      right: 4px;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .html-c-file-upload-list .html-b-file .html-c-button.html-delete .html-button {
        position: relative;
        display: block;
        background: none;
        border: none;
        outline: none;
        padding: 2px;
        width: 22px;
        height: 22px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        background-image: url("../images/pui/csobpoj/icons/commons-close.png");
        background-image: url("../images/pui/csobpoj/icons/commons-close.svg"), none; }
    .html-c-file-upload-list .html-b-file.html-is-in-progress {
      padding-left: 28px; }
      .html-c-file-upload-list .html-b-file.html-is-in-progress .html-c-loading-indicator {
        top: 50%;
        left: 5px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .html-c-file-upload-list .html-b-file.html-is-in-progress .html-c-loading-indicator:before {
          background-image: url("../images/pui/csobpoj/animated/loader-mini.gif");
          background-repeat: no-repeat;
          width: 16px;
          height: 16px; }
    .html-c-file-upload-list .html-b-file.html-has-tooltip {
      padding-right: 28px; }
    .html-c-file-upload-list .html-b-file.html-has-delete {
      padding-right: 28px; }
    .html-c-file-upload-list .html-b-file.html-is-invalid {
      background: #fdf2f3; }
      .html-c-file-upload-list .html-b-file.html-is-invalid .html-file-name .html-text {
        color: #c50101; }
      .html-c-file-upload-list .html-b-file.html-is-invalid.html-has-delete {
        padding-right: 48px; }
        .html-c-file-upload-list .html-b-file.html-is-invalid.html-has-delete .html-c-information-tooltip {
          right: 24px; }
    .html-c-file-upload-list .html-b-file.html-is-warning {
      background: #fffbf4; }
      .html-c-file-upload-list .html-b-file.html-is-warning .html-file-name .html-text {
        color: #9d6712; }
      .html-c-file-upload-list .html-b-file.html-is-warning.html-has-delete {
        padding-right: 68px; }
        .html-c-file-upload-list .html-b-file.html-is-warning.html-has-delete .html-c-information-tooltip {
          right: 44px; }
    .html-c-file-upload-list .html-b-file.html-has-extension-png {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-png:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-png:before {
        clip: rect(0px, 150px, 30px, 120px);
        -webkit-clip-path: polygon(120px 0px, 150px 0px, 150px 30px, 120px 30px);
        clip-path: polygon(120px 0px, 150px 0px, 150px 30px, 120px 30px);
        -webkit-transform: translate(-125px, -5px);
        -moz-transform: translate(-125px, -5px);
        -ms-transform: translate(-125px, -5px);
        -o-transform: translate(-125px, -5px);
        transform: translate(-125px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-pdf {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-pdf:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-pdf:before {
        clip: rect(0px, 120px, 30px, 90px);
        -webkit-clip-path: polygon(90px 0px, 120px 0px, 120px 30px, 90px 30px);
        clip-path: polygon(90px 0px, 120px 0px, 120px 30px, 90px 30px);
        -webkit-transform: translate(-95px, -5px);
        -moz-transform: translate(-95px, -5px);
        -ms-transform: translate(-95px, -5px);
        -o-transform: translate(-95px, -5px);
        transform: translate(-95px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-txt {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-txt:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-txt:before {
        clip: rect(0px, 210px, 30px, 180px);
        -webkit-clip-path: polygon(180px 0px, 210px 0px, 210px 30px, 180px 30px);
        clip-path: polygon(180px 0px, 210px 0px, 210px 30px, 180px 30px);
        -webkit-transform: translate(-185px, -5px);
        -moz-transform: translate(-185px, -5px);
        -ms-transform: translate(-185px, -5px);
        -o-transform: translate(-185px, -5px);
        transform: translate(-185px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-jpg {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-jpg:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-jpg:before {
        clip: rect(0px, 90px, 30px, 60px);
        -webkit-clip-path: polygon(60px 0px, 90px 0px, 90px 30px, 60px 30px);
        clip-path: polygon(60px 0px, 90px 0px, 90px 30px, 60px 30px);
        -webkit-transform: translate(-65px, -5px);
        -moz-transform: translate(-65px, -5px);
        -ms-transform: translate(-65px, -5px);
        -o-transform: translate(-65px, -5px);
        transform: translate(-65px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-doc {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-doc:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-doc:before {
        clip: rect(0px, 30px, 30px, 0px);
        -webkit-clip-path: polygon(0px 0px, 30px 0px, 30px 30px, 0px 30px);
        clip-path: polygon(0px 0px, 30px 0px, 30px 30px, 0px 30px);
        -webkit-transform: translate(-5px, -5px);
        -moz-transform: translate(-5px, -5px);
        -ms-transform: translate(-5px, -5px);
        -o-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-ppt {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-ppt:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-ppt:before {
        clip: rect(0px, 180px, 30px, 150px);
        -webkit-clip-path: polygon(150px 0px, 180px 0px, 180px 30px, 150px 30px);
        clip-path: polygon(150px 0px, 180px 0px, 180px 30px, 150px 30px);
        -webkit-transform: translate(-155px, -5px);
        -moz-transform: translate(-155px, -5px);
        -ms-transform: translate(-155px, -5px);
        -o-transform: translate(-155px, -5px);
        transform: translate(-155px, -5px); }
    .html-c-file-upload-list .html-b-file.html-has-extension-default {
      position: relative; }
      .html-c-file-upload-list .html-b-file.html-has-extension-default:before {
        content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
        position: absolute;
        display: block;
        width: 300px;
        height: 30px;
        transform-origin: 0 0; }
      .html-c-file-upload-list .html-b-file.html-has-extension-default:before {
        clip: rect(0px, 240px, 30px, 210px);
        -webkit-clip-path: polygon(210px 0px, 240px 0px, 240px 30px, 210px 30px);
        clip-path: polygon(210px 0px, 240px 0px, 240px 30px, 210px 30px);
        -webkit-transform: translate(-215px, -5px);
        -moz-transform: translate(-215px, -5px);
        -ms-transform: translate(-215px, -5px);
        -o-transform: translate(-215px, -5px);
        transform: translate(-215px, -5px); }
  .html-c-file-upload-list .html-c-loading-indicator {
    position: absolute;
    display: inline-block; }
    .html-c-file-upload-list .html-c-loading-indicator:before {
      content: "";
      display: block; }

.html-c-text.html-is-bold {
  font-weight: bold; }

.html-c-tag-label {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 5px 10px;
  background: #eff1f3;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-tag-label .html-label {
    display: inline-block; }
  .html-c-tag-label .html-c-button.html-close {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .html-c-tag-label .html-c-button.html-close .html-button {
      position: relative;
      display: block;
      background: none;
      border: none;
      outline: none;
      padding: 2px;
      width: 22px;
      height: 22px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      text-indent: -9999px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url("../images/pui/csobpoj/icons/commons-close.png");
      background-image: url("../images/pui/csobpoj/icons/commons-close.svg"), none; }
  .html-c-tag-label.html-has-close-button {
    padding-right: 28px; }

.html-c-tag-container {
  position: relative;
  z-index: 1;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }

.html-c-info-panel {
  position: relative;
  min-height: 50px;
  padding: 14px 14px 14px 59px;
  background-color: #ffffff;
  border: 1px solid #0a7caf;
  color: #0a7caf;
  font-size: 14px;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-info-panel:before {
    top: 50%;
    margin-top: -25px;
    margin-left: -55px;
    overflow: hidden; }
  .html-c-info-panel:after {
    content: "";
    display: inline-block;
    min-height: 31px;
    vertical-align: middle; }
  .html-c-info-panel:focus {
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; }
  .html-c-info-panel a {
    color: #0a7caf; }
    .html-c-info-panel a:hover {
      color: #0a7caf; }
  .html-c-info-panel p {
    margin-bottom: 0; }
  .html-c-info-panel ul {
    margin: 0;
    padding-top: 15px;
    padding-left: 0; }
  .html-c-info-panel li {
    margin: 0;
    padding: 10px 0 9px 0;
    border-bottom: 1px solid #0a7caf;
    list-style: none; }
    .html-c-info-panel li:last-child {
      border-bottom: 0 none;
      padding-bottom: 0; }
    .html-c-info-panel li:first-child {
      padding-top: 0; }
  .html-c-info-panel .html-buttons {
    margin-top: 10px; }
  .html-c-info-panel.html-is-info {
    position: relative; }
    .html-c-info-panel.html-is-info:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .html-c-info-panel.html-is-info:before {
      clip: rect(0px, 50px, 50px, 0px);
      -webkit-clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      -webkit-transform: translate(0px, 0px);
      -moz-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }
  .html-c-info-panel.html-is-shutdown {
    position: relative; }
    .html-c-info-panel.html-is-shutdown:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .html-c-info-panel.html-is-shutdown:before {
      clip: rect(0px, 150px, 50px, 100px);
      -webkit-clip-path: polygon(100px 0px, 150px 0px, 150px 50px, 100px 50px);
      clip-path: polygon(100px 0px, 150px 0px, 150px 50px, 100px 50px);
      -webkit-transform: translate(-100px, 0px);
      -moz-transform: translate(-100px, 0px);
      -ms-transform: translate(-100px, 0px);
      -o-transform: translate(-100px, 0px);
      transform: translate(-100px, 0px); }
  .html-c-info-panel.html-is-success {
    background-color: #ffffff;
    border-color: #3b871e;
    color: #3b871e;
    position: relative; }
    .html-c-info-panel.html-is-success:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .html-c-info-panel.html-is-success:before {
      clip: rect(0px, 100px, 50px, 50px);
      -webkit-clip-path: polygon(50px 0px, 100px 0px, 100px 50px, 50px 50px);
      clip-path: polygon(50px 0px, 100px 0px, 100px 50px, 50px 50px);
      -webkit-transform: translate(-50px, 0px);
      -moz-transform: translate(-50px, 0px);
      -ms-transform: translate(-50px, 0px);
      -o-transform: translate(-50px, 0px);
      transform: translate(-50px, 0px); }
    .html-c-info-panel.html-is-success a {
      color: #3b871e; }
      .html-c-info-panel.html-is-success a:hover {
        color: #3b871e; }
    .html-c-info-panel.html-is-success li {
      border-bottom-color: #3b871e; }
  .html-c-info-panel.html-is-warning {
    background-color: #ffffff;
    border-color: #9d6712;
    color: #9d6712;
    position: relative; }
    .html-c-info-panel.html-is-warning:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .html-c-info-panel.html-is-warning:before {
      clip: rect(0px, 150px, 50px, 100px);
      -webkit-clip-path: polygon(100px 0px, 150px 0px, 150px 50px, 100px 50px);
      clip-path: polygon(100px 0px, 150px 0px, 150px 50px, 100px 50px);
      -webkit-transform: translate(-100px, 0px);
      -moz-transform: translate(-100px, 0px);
      -ms-transform: translate(-100px, 0px);
      -o-transform: translate(-100px, 0px);
      transform: translate(-100px, 0px); }
    .html-c-info-panel.html-is-warning a {
      color: #9d6712; }
      .html-c-info-panel.html-is-warning a:hover {
        color: #9d6712; }
    .html-c-info-panel.html-is-warning li {
      border-bottom-color: #9d6712; }
  .html-c-info-panel.html-is-error {
    background-color: #ffffff;
    border-color: #c50101;
    color: #c50101;
    position: relative; }
    .html-c-info-panel.html-is-error:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .html-c-info-panel.html-is-error:before {
      clip: rect(0px, 200px, 50px, 150px);
      -webkit-clip-path: polygon(150px 0px, 200px 0px, 200px 50px, 150px 50px);
      clip-path: polygon(150px 0px, 200px 0px, 200px 50px, 150px 50px);
      -webkit-transform: translate(-150px, 0px);
      -moz-transform: translate(-150px, 0px);
      -ms-transform: translate(-150px, 0px);
      -o-transform: translate(-150px, 0px);
      transform: translate(-150px, 0px); }
    .html-c-info-panel.html-is-error a {
      color: #c50101; }
      .html-c-info-panel.html-is-error a:hover {
        color: #c50101; }
    .html-c-info-panel.html-is-error li {
      border-bottom-color: #c50101; }
  .html-c-info-panel .html-content {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-info-panel .html-content > *:last-child {
      margin-bottom: 0; }
  .html-c-info-panel .html-text {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .html-c-info-panel.html-has-close {
    padding-right: 40px; }
    .html-c-info-panel.html-has-close .html-close {
      position: absolute;
      right: 14px;
      top: 14px; }
      .html-c-info-panel.html-has-close .html-close .html-button {
        width: 21px;
        height: 21px;
        padding: 0;
        background-color: transparent;
        background-image: url("../images/pui/csobpoj/icons/commons-close.png");
        background-image: url("../images/pui/csobpoj/icons/commons-close.svg"), none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-indent: 100px;
        white-space: nowrap;
        overflow: hidden; }
  .html-c-info-panel.html-is-inverse.html-is-info {
    background-color: #0a7caf;
    border: 1px solid #0a7caf;
    color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-info:before {
      clip: rect(50px, 50px, 100px, 0px);
      -webkit-clip-path: polygon(0px 50px, 50px 50px, 50px 100px, 0px 100px);
      clip-path: polygon(0px 50px, 50px 50px, 50px 100px, 0px 100px);
      -webkit-transform: translate(0px, -50px);
      -moz-transform: translate(0px, -50px);
      -ms-transform: translate(0px, -50px);
      -o-transform: translate(0px, -50px);
      transform: translate(0px, -50px); }
    .html-c-info-panel.html-is-inverse.html-is-info a {
      color: #ffffff; }
      .html-c-info-panel.html-is-inverse.html-is-info a:hover {
        color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-info li {
      border-bottom-color: #ffffff; }
  .html-c-info-panel.html-is-inverse.html-is-success {
    background-color: #3b871e;
    border-color: #3b871e;
    color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-success:before {
      clip: rect(50px, 100px, 100px, 50px);
      -webkit-clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
      clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
      -webkit-transform: translate(-50px, -50px);
      -moz-transform: translate(-50px, -50px);
      -ms-transform: translate(-50px, -50px);
      -o-transform: translate(-50px, -50px);
      transform: translate(-50px, -50px); }
    .html-c-info-panel.html-is-inverse.html-is-success a {
      color: #ffffff; }
      .html-c-info-panel.html-is-inverse.html-is-success a:hover {
        color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-success li {
      border-bottom-color: #ffffff; }
  .html-c-info-panel.html-is-inverse.html-is-warning {
    background-color: #9d6712;
    border-color: #9d6712;
    color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-warning:before {
      clip: rect(50px, 150px, 100px, 100px);
      -webkit-clip-path: polygon(100px 50px, 150px 50px, 150px 100px, 100px 100px);
      clip-path: polygon(100px 50px, 150px 50px, 150px 100px, 100px 100px);
      -webkit-transform: translate(-100px, -50px);
      -moz-transform: translate(-100px, -50px);
      -ms-transform: translate(-100px, -50px);
      -o-transform: translate(-100px, -50px);
      transform: translate(-100px, -50px); }
    .html-c-info-panel.html-is-inverse.html-is-warning a {
      color: #ffffff; }
      .html-c-info-panel.html-is-inverse.html-is-warning a:hover {
        color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-warning li {
      border-bottom-color: #ffffff; }
  .html-c-info-panel.html-is-inverse.html-is-error {
    background-color: #c50101;
    border-color: #c50101;
    color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-error:before {
      clip: rect(50px, 200px, 100px, 150px);
      -webkit-clip-path: polygon(150px 50px, 200px 50px, 200px 100px, 150px 100px);
      clip-path: polygon(150px 50px, 200px 50px, 200px 100px, 150px 100px);
      -webkit-transform: translate(-150px, -50px);
      -moz-transform: translate(-150px, -50px);
      -ms-transform: translate(-150px, -50px);
      -o-transform: translate(-150px, -50px);
      transform: translate(-150px, -50px); }
    .html-c-info-panel.html-is-inverse.html-is-error a {
      color: #ffffff; }
      .html-c-info-panel.html-is-inverse.html-is-error a:hover {
        color: #ffffff; }
    .html-c-info-panel.html-is-inverse.html-is-error li {
      border-bottom-color: #ffffff; }
  .html-c-info-panel.html-is-mini {
    border: none;
    padding: 0 0 0 30px;
    min-height: auto; }
    .html-c-info-panel.html-is-mini:before {
      margin-left: -45px; }
    .html-c-info-panel.html-is-mini.html-is-info {
      position: relative; }
      .html-c-info-panel.html-is-mini.html-is-info:before {
        content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
        position: absolute;
        display: block;
        width: 250px;
        height: 150px;
        transform-origin: 0 0; }
      .html-c-info-panel.html-is-mini.html-is-info:before {
        clip: rect(100px, 50px, 150px, 0px);
        -webkit-clip-path: polygon(0px 100px, 50px 100px, 50px 150px, 0px 150px);
        clip-path: polygon(0px 100px, 50px 100px, 50px 150px, 0px 150px);
        -webkit-transform: translate(0px, -100px);
        -moz-transform: translate(0px, -100px);
        -ms-transform: translate(0px, -100px);
        -o-transform: translate(0px, -100px);
        transform: translate(0px, -100px); }
    .html-c-info-panel.html-is-mini.html-is-success {
      position: relative; }
      .html-c-info-panel.html-is-mini.html-is-success:before {
        content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
        position: absolute;
        display: block;
        width: 250px;
        height: 150px;
        transform-origin: 0 0; }
      .html-c-info-panel.html-is-mini.html-is-success:before {
        clip: rect(100px, 100px, 150px, 50px);
        -webkit-clip-path: polygon(50px 100px, 100px 100px, 100px 150px, 50px 150px);
        clip-path: polygon(50px 100px, 100px 100px, 100px 150px, 50px 150px);
        -webkit-transform: translate(-50px, -100px);
        -moz-transform: translate(-50px, -100px);
        -ms-transform: translate(-50px, -100px);
        -o-transform: translate(-50px, -100px);
        transform: translate(-50px, -100px); }
    .html-c-info-panel.html-is-mini.html-is-warning {
      position: relative; }
      .html-c-info-panel.html-is-mini.html-is-warning:before {
        content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
        position: absolute;
        display: block;
        width: 250px;
        height: 150px;
        transform-origin: 0 0; }
      .html-c-info-panel.html-is-mini.html-is-warning:before {
        clip: rect(100px, 150px, 150px, 100px);
        -webkit-clip-path: polygon(100px 100px, 150px 100px, 150px 150px, 100px 150px);
        clip-path: polygon(100px 100px, 150px 100px, 150px 150px, 100px 150px);
        -webkit-transform: translate(-100px, -100px);
        -moz-transform: translate(-100px, -100px);
        -ms-transform: translate(-100px, -100px);
        -o-transform: translate(-100px, -100px);
        transform: translate(-100px, -100px); }
    .html-c-info-panel.html-is-mini.html-is-error {
      position: relative; }
      .html-c-info-panel.html-is-mini.html-is-error:before {
        content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
        position: absolute;
        display: block;
        width: 250px;
        height: 150px;
        transform-origin: 0 0; }
      .html-c-info-panel.html-is-mini.html-is-error:before {
        clip: rect(100px, 200px, 150px, 150px);
        -webkit-clip-path: polygon(150px 100px, 200px 100px, 200px 150px, 150px 150px);
        clip-path: polygon(150px 100px, 200px 100px, 200px 150px, 150px 150px);
        -webkit-transform: translate(-150px, -100px);
        -moz-transform: translate(-150px, -100px);
        -ms-transform: translate(-150px, -100px);
        -o-transform: translate(-150px, -100px);
        transform: translate(-150px, -100px); }
  @media (min-width: 769px) {
    .html-c-info-panel {
      padding: 14px 59px; } }

.html-c-tab-panel .html-tab-header {
  margin: 10px 0;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }

.html-c-tab-panel .html-tab-item {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.html-c-tab-panel .html-tab-link {
  display: block;
  padding: 20px;
  border-top: 3px solid #d7ecf8;
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  text-decoration: none;
  color: #0a7caf;
  background-color: #d7ecf8; }
  .html-c-tab-panel .html-tab-link, .html-c-tab-panel .html-tab-link:focus {
    outline: none;
    box-shadow: none; }
  .html-c-tab-panel .html-tab-link:hover {
    color: #ff6000; }
  .html-c-tab-panel .html-tab-link.pui-active {
    color: #ff6000;
    background-color: #ffffff;
    border-top-color: #ff6000;
    cursor: default; }

.html-c-tab-panel .html-tab-content {
  display: none;
  padding: 20px 10px 10px;
  background-color: #ffffff; }
  .html-c-tab-panel .html-tab-content.pui-active {
    display: block; }

@media (min-width: 421px) {
  .html-c-tab-panel .html-tab-item {
    width: auto;
    margin: 10px; } }

@media (min-width: 971px) {
  .html-c-tab-panel .html-tab-item {
    margin: 0; }
  .html-c-tab-panel .html-tab-header {
    text-align: left;
    margin: 0; } }

.html-c-overlay .html-b-overlay.html-b-overlay-top {
  top: 20px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.html-c-overlay .html-content .html-c-form {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.html-c-overlay .html-content .html-b-form-header {
  margin: 0 -10px;
  padding: 15px 20px;
  background-color: #d7ecf8;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }
  .html-c-overlay .html-content .html-b-form-header .html-c-info-header {
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: 0 none;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-overlay .html-content .html-b-form-header h2 {
    margin: 0;
    padding: 0;
    font-size: 21px;
    color: #0a7caf; }
    .html-c-overlay .html-content .html-b-form-header h2.b-heading__title {
      color: #000000; }

.html-c-overlay .html-content .html-b-form-content {
  padding-top: 10px; }

.html-c-overlay .html-content .html-c-form-row:last-of-type {
  padding-bottom: 20px; }

.html-c-overlay.html-c-page-preloader .html-content {
  height: 194px;
  background-color: transparent;
  background-image: url("../images/pui/csobpoj/animated/loading-indicator.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle; }

.html-c-overlay.html-c-page-preloader .html-c-text {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.html-c-overlay.html-has-close-button .html-content .html-b-form-header h2 {
  padding-right: 40px; }

.html-c-overlay .html-close {
  position: absolute;
  top: 20px;
  right: 10px;
  display: block; }
  .html-c-overlay .html-close .html-button {
    display: block;
    width: 21px;
    height: 21px;
    padding: 0;
    background-image: url("../images/pui/csobpoj/icons/commons-close.png");
    background-image: url("../images/pui/csobpoj/icons/commons-close.svg"), none;
    background-size: 21px 21px;
    background-color: transparent; }
  .html-c-overlay .html-close .html-text {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }

.alert-block.popup-alert-notice, .alert-block.popup-alert-warning {
  position: fixed;
  top: 50%;
  left: 10px;
  right: 10px;
  z-index: 7610;
  max-width: 540px;
  min-height: 60px;
  line-height: normal;
  margin-left: 0;
  padding: 10px;
  background-color: #ffffff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .alert-block.popup-alert-notice:before, .alert-block.popup-alert-warning:before {
    content: "";
    position: fixed;
    z-index: -2; }
  .alert-block.popup-alert-notice:after, .alert-block.popup-alert-warning:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.popup-alert-notice {
  margin-top: -65px; }
  .popup-alert-notice button {
    display: block;
    margin: 20px auto 1px auto;
    padding: 13px 25px 16px 25px;
    background-color: #ff6000;
    color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 -3px 0 0 #d95200;
    -moz-box-shadow: inset 0 -3px 0 0 #d95200;
    box-shadow: inset 0 -3px 0 0 #d95200; }
    .popup-alert-notice button:hover {
      background-color: #963a00;
      color: #ffffff;
      -webkit-box-shadow: inset 0 -3px 0 0 #803100;
      -moz-box-shadow: inset 0 -3px 0 0 #803100;
      box-shadow: inset 0 -3px 0 0 #803100; }
      .popup-alert-notice button:hover:focus {
        -webkit-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
        -moz-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
        box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6); }
    .popup-alert-notice button:focus {
      -webkit-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6); }
  .popup-alert-notice .countdown-timer {
    font-weight: bold; }

.alert-block.popup-alert-warning {
  margin-top: -40px; }

.pui-overlay-open {
  overflow: hidden;
  position: fixed; }

@media (min-width: 561px) {
  .alert-block.popup-alert-notice, .alert-block.popup-alert-warning {
    left: 50%;
    right: 0;
    margin-left: -270px;
    padding: 20px; }
  .alert-block.popup-alert-notice {
    margin-top: -75px; }
  .alert-block.popup-alert-warning {
    margin-top: -50px; } }

@media (min-width: 581px) {
  .html-c-overlay .html-content .html-b-form-header {
    margin: 0 -20px; }
  .html-c-overlay .html-close {
    right: 20px;
    margin-left: -270px; } }

@media print {
  .popup-alert-notice,
  .popup-alert-warning {
    display: none !important; }
  .html-c-overlay {
    position: static;
    top: auto;
    left: auto;
    height: auto;
    border-top: 1px solid #434548;
    margin-top: 60px; }
    .html-c-overlay .html-b-fader {
      display: none !important; }
    .html-c-overlay .html-b-overlay {
      position: static;
      top: auto;
      left: auto;
      max-height: none;
      max-width: none;
      transform: none; } }

.html-c-information-tooltip {
  display: inline-block;
  width: 29px;
  height: 29px;
  margin-left: 8px;
  background-color: transparent;
  border-width: 0;
  vertical-align: top;
  overflow: hidden;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative; }
  .html-c-information-tooltip:before {
    content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-information-tooltip:before {
    clip: rect(0px, 29px, 29px, 0px);
    -webkit-clip-path: polygon(0px 0px, 29px 0px, 29px 29px, 0px 29px);
    clip-path: polygon(0px 0px, 29px 0px, 29px 29px, 0px 29px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .html-c-information-tooltip:before {
    background-color: transparent; }
  .html-c-information-tooltip.html-is-info {
    cursor: pointer; }
  .html-c-information-tooltip.html-is-valid {
    cursor: pointer;
    position: relative; }
    .html-c-information-tooltip.html-is-valid:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-valid:before {
      clip: rect(0px, 58px, 29px, 29px);
      -webkit-clip-path: polygon(29px 0px, 58px 0px, 58px 29px, 29px 29px);
      clip-path: polygon(29px 0px, 58px 0px, 58px 29px, 29px 29px);
      -webkit-transform: translate(-29px, 0px);
      -moz-transform: translate(-29px, 0px);
      -ms-transform: translate(-29px, 0px);
      -o-transform: translate(-29px, 0px);
      transform: translate(-29px, 0px); }
  .html-c-information-tooltip.html-is-invalid {
    cursor: pointer;
    position: relative; }
    .html-c-information-tooltip.html-is-invalid:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-invalid:before {
      clip: rect(0px, 87px, 29px, 58px);
      -webkit-clip-path: polygon(58px 0px, 87px 0px, 87px 29px, 58px 29px);
      clip-path: polygon(58px 0px, 87px 0px, 87px 29px, 58px 29px);
      -webkit-transform: translate(-58px, 0px);
      -moz-transform: translate(-58px, 0px);
      -ms-transform: translate(-58px, 0px);
      -o-transform: translate(-58px, 0px);
      transform: translate(-58px, 0px); }
  .html-c-information-tooltip.html-is-warning {
    cursor: pointer;
    position: relative; }
    .html-c-information-tooltip.html-is-warning:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-warning:before {
      clip: rect(0px, 116px, 29px, 87px);
      -webkit-clip-path: polygon(87px 0px, 116px 0px, 116px 29px, 87px 29px);
      clip-path: polygon(87px 0px, 116px 0px, 116px 29px, 87px 29px);
      -webkit-transform: translate(-87px, 0px);
      -moz-transform: translate(-87px, 0px);
      -ms-transform: translate(-87px, 0px);
      -o-transform: translate(-87px, 0px);
      transform: translate(-87px, 0px); }
  .html-c-information-tooltip.html-is-help {
    cursor: pointer; }
  .html-c-information-tooltip.html-is-disabled.html-is-info {
    position: relative; }
    .html-c-information-tooltip.html-is-disabled.html-is-info:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-disabled.html-is-info:before {
      clip: rect(29px, 29px, 58px, 0px);
      -webkit-clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
      clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
      -webkit-transform: translate(0px, -29px);
      -moz-transform: translate(0px, -29px);
      -ms-transform: translate(0px, -29px);
      -o-transform: translate(0px, -29px);
      transform: translate(0px, -29px); }
  .html-c-information-tooltip.html-is-disabled.html-is-valid {
    position: relative; }
    .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-disabled.html-is-valid:before {
      clip: rect(29px, 58px, 58px, 29px);
      -webkit-clip-path: polygon(29px 29px, 58px 29px, 58px 58px, 29px 58px);
      clip-path: polygon(29px 29px, 58px 29px, 58px 58px, 29px 58px);
      -webkit-transform: translate(-29px, -29px);
      -moz-transform: translate(-29px, -29px);
      -ms-transform: translate(-29px, -29px);
      -o-transform: translate(-29px, -29px);
      transform: translate(-29px, -29px); }
  .html-c-information-tooltip.html-is-disabled.html-is-invalid {
    position: relative; }
    .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-disabled.html-is-invalid:before {
      clip: rect(29px, 87px, 58px, 58px);
      -webkit-clip-path: polygon(58px 29px, 87px 29px, 87px 58px, 58px 58px);
      clip-path: polygon(58px 29px, 87px 29px, 87px 58px, 58px 58px);
      -webkit-transform: translate(-58px, -29px);
      -moz-transform: translate(-58px, -29px);
      -ms-transform: translate(-58px, -29px);
      -o-transform: translate(-58px, -29px);
      transform: translate(-58px, -29px); }
  .html-c-information-tooltip.html-is-disabled.html-is-warning {
    position: relative; }
    .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-disabled.html-is-warning:before {
      clip: rect(29px, 116px, 58px, 87px);
      -webkit-clip-path: polygon(87px 29px, 116px 29px, 116px 58px, 87px 58px);
      clip-path: polygon(87px 29px, 116px 29px, 116px 58px, 87px 58px);
      -webkit-transform: translate(-87px, -29px);
      -moz-transform: translate(-87px, -29px);
      -ms-transform: translate(-87px, -29px);
      -o-transform: translate(-87px, -29px);
      transform: translate(-87px, -29px); }
  .html-c-information-tooltip.html-is-disabled.html-is-help {
    position: relative; }
    .html-c-information-tooltip.html-is-disabled.html-is-help:before {
      content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
      position: absolute;
      display: block;
      width: 174px;
      height: 58px;
      transform-origin: 0 0; }
    .html-c-information-tooltip.html-is-disabled.html-is-help:before {
      clip: rect(29px, 29px, 58px, 0px);
      -webkit-clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
      clip-path: polygon(0px 29px, 29px 29px, 29px 58px, 0px 58px);
      -webkit-transform: translate(0px, -29px);
      -moz-transform: translate(0px, -29px);
      -ms-transform: translate(0px, -29px);
      -o-transform: translate(0px, -29px);
      transform: translate(0px, -29px); }
  .html-c-information-tooltip .html-message-wrapper {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }

.html-is-disabled .html-c-information-tooltip.html-is-info:before, .html-is-disabled .html-c-information-tooltip.html-is-valid:before, .html-is-disabled .html-c-information-tooltip.html-is-invalid:before, .html-is-disabled .html-c-information-tooltip.html-is-warning:before, .html-is-disabled .html-c-information-tooltip.html-is-help:before, .html-is-disabled .html-c-information-tooltip.html-is-info, .html-is-disabled .html-c-information-tooltip.html-is-valid, .html-is-disabled .html-c-information-tooltip.html-is-invalid, .html-is-disabled .html-c-information-tooltip.html-is-warning, .html-is-disabled .html-c-information-tooltip.html-is-help {
  border-top-color: #e8eaec;
  border-right-color: #e8eaec;
  border-bottom-color: #e8eaec; }

.html-is-readonly .html-c-information-tooltip.html-is-info:before, .html-is-readonly .html-c-information-tooltip.html-is-valid:before, .html-is-readonly .html-c-information-tooltip.html-is-invalid:before, .html-is-readonly .html-c-information-tooltip.html-is-warning:before, .html-is-readonly .html-c-information-tooltip.html-is-help:before, .html-is-readonly .html-c-information-tooltip.html-is-info, .html-is-readonly .html-c-information-tooltip.html-is-valid, .html-is-readonly .html-c-information-tooltip.html-is-invalid, .html-is-readonly .html-c-information-tooltip.html-is-warning, .html-is-readonly .html-c-information-tooltip.html-is-help {
  border-top-color: #e8eaec;
  border-right-color: #e8eaec;
  border-bottom-color: #e8eaec; }

.html-information-tooltip-overlay {
  position: absolute;
  right: 0;
  z-index: 7620;
  width: 270px;
  cursor: default;
  padding: 15px;
  border: 1px solid #0a7caf;
  background-color: #f4f9fc;
  color: #0a7caf; }
  .html-information-tooltip-overlay:after {
    content: ""; }
  .html-information-tooltip-overlay:after, .html-information-tooltip-overlay:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay:after, .html-information-tooltip-overlay:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay:after {
    border-top-color: #f4f9fc; }
  .html-information-tooltip-overlay:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay:after, .html-information-tooltip-overlay:before {
    right: 11px; }
  .html-information-tooltip-overlay:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-is-info {
    color: #0a7caf;
    background-color: #f4f9fc;
    border: 1px solid #0a7caf; }
    .html-information-tooltip-overlay.html-is-info:after, .html-information-tooltip-overlay.html-is-info:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-information-tooltip-overlay.html-is-info:after {
      border-color: transparent;
      border-width: 5px; }
    .html-information-tooltip-overlay.html-is-info:before {
      border-color: transparent;
      border-width: 6px; }
    .html-information-tooltip-overlay.html-is-info:after, .html-information-tooltip-overlay.html-is-info:before {
      top: 100%;
      bottom: auto; }
    .html-information-tooltip-overlay.html-is-info:after {
      border-top-color: #f4f9fc; }
    .html-information-tooltip-overlay.html-is-info:before {
      border-top-color: #0a7caf; }
    .html-information-tooltip-overlay.html-is-info:after, .html-information-tooltip-overlay.html-is-info:before {
      right: 11px; }
    .html-information-tooltip-overlay.html-is-info:after {
      margin-right: -5px; }
    .html-information-tooltip-overlay.html-is-info:before {
      margin-right: -6px; }
  .html-information-tooltip-overlay.html-is-valid {
    color: #3b871e;
    background-color: #f4f8f3;
    border: 1px solid #3b871e; }
    .html-information-tooltip-overlay.html-is-valid:after, .html-information-tooltip-overlay.html-is-valid:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-information-tooltip-overlay.html-is-valid:after {
      border-color: transparent;
      border-width: 5px; }
    .html-information-tooltip-overlay.html-is-valid:before {
      border-color: transparent;
      border-width: 6px; }
    .html-information-tooltip-overlay.html-is-valid:after, .html-information-tooltip-overlay.html-is-valid:before {
      top: 100%;
      bottom: auto; }
    .html-information-tooltip-overlay.html-is-valid:after {
      border-top-color: #f4f8f3; }
    .html-information-tooltip-overlay.html-is-valid:before {
      border-top-color: #3b871e; }
    .html-information-tooltip-overlay.html-is-valid:after, .html-information-tooltip-overlay.html-is-valid:before {
      right: 11px; }
    .html-information-tooltip-overlay.html-is-valid:after {
      margin-right: -5px; }
    .html-information-tooltip-overlay.html-is-valid:before {
      margin-right: -6px; }
  .html-information-tooltip-overlay.html-is-invalid {
    color: #c50101;
    background-color: #fdf2f3;
    border: 1px solid #c50101; }
    .html-information-tooltip-overlay.html-is-invalid:after, .html-information-tooltip-overlay.html-is-invalid:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-information-tooltip-overlay.html-is-invalid:after {
      border-color: transparent;
      border-width: 5px; }
    .html-information-tooltip-overlay.html-is-invalid:before {
      border-color: transparent;
      border-width: 6px; }
    .html-information-tooltip-overlay.html-is-invalid:after, .html-information-tooltip-overlay.html-is-invalid:before {
      top: 100%;
      bottom: auto; }
    .html-information-tooltip-overlay.html-is-invalid:after {
      border-top-color: #fdf2f3; }
    .html-information-tooltip-overlay.html-is-invalid:before {
      border-top-color: #c50101; }
    .html-information-tooltip-overlay.html-is-invalid:after, .html-information-tooltip-overlay.html-is-invalid:before {
      right: 11px; }
    .html-information-tooltip-overlay.html-is-invalid:after {
      margin-right: -5px; }
    .html-information-tooltip-overlay.html-is-invalid:before {
      margin-right: -6px; }
  .html-information-tooltip-overlay.html-is-warning {
    color: #9d6712;
    background-color: #fffbf4;
    border: 1px solid #9d6712; }
    .html-information-tooltip-overlay.html-is-warning:after, .html-information-tooltip-overlay.html-is-warning:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-information-tooltip-overlay.html-is-warning:after {
      border-color: transparent;
      border-width: 5px; }
    .html-information-tooltip-overlay.html-is-warning:before {
      border-color: transparent;
      border-width: 6px; }
    .html-information-tooltip-overlay.html-is-warning:after, .html-information-tooltip-overlay.html-is-warning:before {
      top: 100%;
      bottom: auto; }
    .html-information-tooltip-overlay.html-is-warning:after {
      border-top-color: #fffbf4; }
    .html-information-tooltip-overlay.html-is-warning:before {
      border-top-color: #9d6712; }
    .html-information-tooltip-overlay.html-is-warning:after, .html-information-tooltip-overlay.html-is-warning:before {
      right: 11px; }
    .html-information-tooltip-overlay.html-is-warning:after {
      margin-right: -5px; }
    .html-information-tooltip-overlay.html-is-warning:before {
      margin-right: -6px; }
  .html-information-tooltip-overlay.html-is-help {
    color: #0a7caf;
    background-color: #f4f9fc;
    border: 1px solid #0a7caf; }
    .html-information-tooltip-overlay.html-is-help:after, .html-information-tooltip-overlay.html-is-help:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-information-tooltip-overlay.html-is-help:after {
      border-color: transparent;
      border-width: 5px; }
    .html-information-tooltip-overlay.html-is-help:before {
      border-color: transparent;
      border-width: 6px; }
    .html-information-tooltip-overlay.html-is-help:after, .html-information-tooltip-overlay.html-is-help:before {
      top: 100%;
      bottom: auto; }
    .html-information-tooltip-overlay.html-is-help:after {
      border-top-color: #f4f9fc; }
    .html-information-tooltip-overlay.html-is-help:before {
      border-top-color: #0a7caf; }
    .html-information-tooltip-overlay.html-is-help:after, .html-information-tooltip-overlay.html-is-help:before {
      right: 11px; }
    .html-information-tooltip-overlay.html-is-help:after {
      margin-right: -5px; }
    .html-information-tooltip-overlay.html-is-help:before {
      margin-right: -6px; }

.html-information-tooltip-overlay.html-has-position-top.html-has-position-left {
  -webkit-transform: translate(-12px, 10px);
  -moz-transform: translate(-12px, 10px);
  -ms-transform: translate(-12px, 10px);
  -o-transform: translate(-12px, 10px);
  transform: translate(-12px, 10px); }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after {
    border-bottom-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    border-bottom-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-info:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after {
    border-bottom-color: #f4f8f3; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    border-bottom-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-valid:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after {
    border-bottom-color: #fdf2f3; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    border-bottom-color: #c50101; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-invalid:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after {
    border-bottom-color: #fffbf4; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    border-bottom-color: #9d6712; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-warning:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after {
    border-bottom-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    border-bottom-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-left.html-is-help:before {
    margin-left: -6px; }

.html-information-tooltip-overlay.html-has-position-top.html-has-position-right {
  -webkit-transform: translate(12px, 10px);
  -moz-transform: translate(12px, 10px);
  -ms-transform: translate(12px, 10px);
  -o-transform: translate(12px, 10px);
  transform: translate(12px, 10px); }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after {
    border-bottom-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    border-bottom-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-info:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after {
    border-bottom-color: #f4f8f3; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    border-bottom-color: #3b871e; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-valid:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after {
    border-bottom-color: #fdf2f3; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    border-bottom-color: #c50101; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-invalid:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after {
    border-bottom-color: #fffbf4; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    border-bottom-color: #9d6712; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-warning:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    top: auto;
    bottom: 100%; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after {
    border-bottom-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    border-bottom-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-top.html-has-position-right.html-is-help:before {
    margin-right: -6px; }

.html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left {
  -webkit-transform: translate(-12px, -10px);
  -moz-transform: translate(-12px, -10px);
  -ms-transform: translate(-12px, -10px);
  -o-transform: translate(-12px, -10px);
  transform: translate(-12px, -10px); }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after {
    border-top-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-info:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after {
    border-top-color: #f4f8f3; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-valid:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after {
    border-top-color: #fdf2f3; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    border-top-color: #c50101; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-invalid:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after {
    border-top-color: #fffbf4; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    border-top-color: #9d6712; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-warning:before {
    margin-left: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after {
    border-top-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    left: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:after {
    margin-left: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-left.html-is-help:before {
    margin-left: -6px; }

.html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right {
  -webkit-transform: translate(12px, -10px);
  -moz-transform: translate(12px, -10px);
  -ms-transform: translate(12px, -10px);
  -o-transform: translate(12px, -10px);
  transform: translate(12px, -10px); }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after {
    border-top-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-info:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after {
    border-top-color: #f4f8f3; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    border-top-color: #3b871e; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-valid:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after {
    border-top-color: #fdf2f3; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    border-top-color: #c50101; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-invalid:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after {
    border-top-color: #fffbf4; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    border-top-color: #9d6712; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-warning:before {
    margin-right: -6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after {
    border-color: transparent;
    border-width: 5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    border-color: transparent;
    border-width: 6px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    top: 100%;
    bottom: auto; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after {
    border-top-color: #f4f9fc; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    border-top-color: #0a7caf; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after, .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    right: 11px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:after {
    margin-right: -5px; }
  .html-information-tooltip-overlay.html-has-position-bottom.html-has-position-right.html-is-help:before {
    margin-right: -6px; }

.html-c-display-toggle {
  display: inline-block;
  vertical-align: middle; }
  .html-c-display-toggle .html-c-button .html-button {
    margin: 0 -3px;
    padding: 4px 3px 5px 3px;
    background-color: transparent;
    color: #ff6000;
    text-align: left;
    text-decoration: underline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .html-c-display-toggle .html-c-button .html-button:hover {
      color: #963a00; }
  .html-c-display-toggle .html-c-button.html-is-disabled .html-button {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  .html-c-display-toggle.html-has-icon .html-button {
    color: #000000;
    text-decoration: none; }
    .html-c-display-toggle.html-has-icon .html-button:hover {
      color: #000000; }
  .html-c-display-toggle.html-is-icon-left .html-c-button .html-text {
    padding-left: 38px; }
  .html-c-display-toggle.html-is-icon-left .html-c-button .html-button {
    padding-right: 5px;
    margin-right: -5px; }
    .html-c-display-toggle.html-is-icon-left .html-c-button .html-button:before {
      left: 0; }
  .html-c-display-toggle.html-is-icon-right .html-c-button .html-text {
    padding-right: 38px; }
  .html-c-display-toggle.html-is-icon-right .html-c-button .html-button {
    padding-left: 5px;
    margin-left: -5px; }
    .html-c-display-toggle.html-is-icon-right .html-c-button .html-button:before {
      right: 0; }
  .html-c-display-toggle.html-is-icon-only .html-c-button .html-text {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .html-c-display-toggle.html-is-icon-only .html-c-button .html-button {
    width: 28px;
    height: 29px; }
    .html-c-display-toggle.html-is-icon-only .html-c-button .html-button:before {
      left: 0; }
  .html-c-display-toggle.pui-is-arrows .html-button:before {
    content: "";
    position: absolute;
    top: 0;
    width: 28px;
    height: 29px;
    border: 1px solid #d0d4d9;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .html-c-display-toggle.pui-is-arrows.html-is-collapsed .html-button:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-button-toggle.svg");
    background-repeat: no-repeat;
    background-position: -1px -29px; }
  .html-c-display-toggle.pui-is-arrows.html-is-expanded .html-button:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-button-toggle.svg");
    background-repeat: no-repeat;
    background-position: -1px -1px; }

@media print {
  .html-c-display-toggle {
    display: none !important; }
    .html-c-display-toggle.html-is-printable, .html-c-display-toggle.html-is-printable .html-c-button, .html-c-display-toggle.html-is-printable .html-c-button .html-button {
      display: block !important; } }

.html-c-loading-indicator {
  display: none; }
  .html-c-loading-indicator.html-is-in-progress {
    display: block; }
    .html-c-loading-indicator.html-is-in-progress .loading-indicator:before {
      content: "";
      display: block;
      background-image: url("../images/pui/csobpoj/animated/loading-indicator-circle.gif");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }

.html-c-repeater {
  background-color: #ffffff; }
  .html-c-repeater .html-b-repeater-header {
    padding: 10px 20px 10px 20px; }
  .html-c-repeater .html-b-repeater-rows .html-repeater-row {
    position: relative;
    width: auto !important;
    margin: -1px 20px 0 20px;
    border-top: 1px solid #dde0e4;
    border-bottom: 1px solid #dde0e4;
    padding: 15px 0 15px 0; }
    .html-c-repeater .html-b-repeater-rows .html-repeater-row:hover {
      margin-left: 10px;
      margin-right: 10px;
      padding-left: 10px;
      padding-right: 10px;
      background: #f1f9fe; }
    .html-c-repeater .html-b-repeater-rows .html-repeater-row:last-child {
      border-bottom-color: transparent; }
  .html-c-repeater .html-b-repeater-rows .html-rows-empty-set {
    padding: 15px 0 15px 0;
    text-align: center; }
  .html-c-repeater .html-b-repeater-footer {
    display: table;
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #d7ecf8; }
    .html-c-repeater .html-b-repeater-footer .html-b-repeater-controls {
      padding-top: 10px;
      padding-right: 20px;
      padding-left: 20px;
      white-space: nowrap;
      vertical-align: middle; }
      .html-c-repeater .html-b-repeater-footer .html-b-repeater-controls .html-b-to-the-top {
        display: table-cell;
        width: 100%;
        height: 39px; }
        .html-c-repeater .html-b-repeater-footer .html-b-repeater-controls .html-b-to-the-top .html-c-hyperlink {
          font-size: 16px; }
      .html-c-repeater .html-b-repeater-footer .html-b-repeater-controls .html-b-pagination-controls {
        display: table-cell;
        height: 39px; }
  .html-c-repeater .html-b-repeater-count-summary {
    position: relative;
    z-index: 1;
    background-color: #d7ecf8;
    padding: 10px 20px;
    font-size: 14px; }
    .html-c-repeater .html-b-repeater-count-summary.html-is-right {
      text-align: right; }
  .html-c-repeater .html-b-load-more, .html-c-repeater .html-b-pagination {
    display: inline-block; }

@media print {
  .html-c-repeater .html-b-repeater-rows .html-repeater-row {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent; }
  .html-c-repeater .html-b-repeater-controls {
    display: none; }
  .html-c-repeater .html-b-repeater-header,
  .html-c-repeater .html-b-repeater-count-summary {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent; }
    .html-c-repeater .html-b-repeater-header:first-child,
    .html-c-repeater .html-b-repeater-count-summary:first-child {
      padding-top: 0; } }

.html-c-pagination {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-pagination .html-b-pagination-pages {
    display: block;
    text-align: center; }
  .html-c-pagination .html-pagination-item {
    display: inline-block;
    margin-right: 5px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
    .html-c-pagination .html-pagination-item .html-c-hyperlink {
      display: block;
      border: 1px solid transparent;
      padding: 10px;
      color: #000000;
      border-radius: 5px;
      text-decoration: none;
      font-size: 16px; }
      .html-c-pagination .html-pagination-item .html-c-hyperlink:hover {
        border-color: #007399;
        background-color: #ffffff;
        color: #007399; }
      .html-c-pagination .html-pagination-item .html-c-hyperlink.html-is-disabled {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #d0d4d9;
        background-color: #f2f3f5;
        color: #c4c7cb;
        cursor: default; }
    .html-c-pagination .html-pagination-item:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
    .html-c-pagination .html-pagination-item:focus {
      -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6); }
    .html-c-pagination .html-pagination-item.html-is-current .html-c-hyperlink {
      cursor: default;
      color: #ff6000;
      font-weight: bold; }
      .html-c-pagination .html-pagination-item.html-is-current .html-c-hyperlink:hover {
        border-color: transparent; }
      .html-c-pagination .html-pagination-item.html-is-current .html-c-hyperlink:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    .html-c-pagination .html-pagination-item.html-pagination-ellipsis {
      margin-right: 5px;
      cursor: default; }
  .html-c-pagination .html-is-prev, .html-c-pagination .html-is-next {
    vertical-align: middle; }
    .html-c-pagination .html-is-prev .html-c-hyperlink, .html-c-pagination .html-is-next .html-c-hyperlink {
      position: relative;
      width: 40px;
      border-color: #0099cc;
      color: #0099cc;
      text-indent: 100px;
      white-space: nowrap;
      overflow: hidden; }
      .html-c-pagination .html-is-prev .html-c-hyperlink:before, .html-c-pagination .html-is-next .html-c-hyperlink:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 39px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-image: url("../images/pui/csobpoj/sprites/sprite-button-tertiary-triangles.svg");
        background-repeat: no-repeat;
        background-position: -5px -5px; }
      .html-c-pagination .html-is-prev .html-c-hyperlink:hover:before, .html-c-pagination .html-is-next .html-c-hyperlink:hover:before {
        background-position: -5px -54px; }
      .html-c-pagination .html-is-prev .html-c-hyperlink.html-is-disabled:before, .html-c-pagination .html-is-next .html-c-hyperlink.html-is-disabled:before {
        background-position: -5px -103px; }
  .html-c-pagination .html-is-next .html-c-hyperlink:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-button-tertiary-triangles.svg");
    background-repeat: no-repeat;
    background-position: -46px -5px; }
  .html-c-pagination .html-is-next .html-c-hyperlink:hover:before {
    background-position: -46px -54px; }
  .html-c-pagination .html-is-next .html-c-hyperlink.html-is-disabled {
    border-color: #d0d4d9; }
    .html-c-pagination .html-is-next .html-c-hyperlink.html-is-disabled:before {
      background-position: -46px -103px; }

@media print {
  .html-c-pagination {
    display: none; } }

.html-c-dropdown-button {
  display: inline-block;
  position: relative; }
  .html-c-dropdown-button .html-c-button.html-button-dropdown .html-button {
    padding-right: 28px;
    position: relative; }
    .html-c-dropdown-button .html-c-button.html-button-dropdown .html-button:before {
      top: 10px;
      right: 5px; }
    .html-c-dropdown-button .html-c-button.html-button-dropdown .html-button:before {
      content: url("../images/pui/csobpoj/sprites/sprite-dropdown-button.svg");
      position: absolute;
      display: block;
      width: 18px;
      height: 54px;
      transform-origin: 0 0; }
    .html-c-dropdown-button .html-c-button.html-button-dropdown .html-button:before {
      clip: rect(18px, 18px, 36px, 0px);
      -webkit-clip-path: polygon(0px 18px, 18px 18px, 18px 36px, 0px 36px);
      clip-path: polygon(0px 18px, 18px 18px, 18px 36px, 0px 36px);
      -webkit-transform: translate(0px, -18px);
      -moz-transform: translate(0px, -18px);
      -ms-transform: translate(0px, -18px);
      -o-transform: translate(0px, -18px);
      transform: translate(0px, -18px); }
    .html-c-dropdown-button .html-c-button.html-button-dropdown .html-button:hover:before {
      clip: rect(36px, 18px, 54px, 0px);
      -webkit-clip-path: polygon(0px 36px, 18px 36px, 18px 54px, 0px 54px);
      clip-path: polygon(0px 36px, 18px 36px, 18px 54px, 0px 54px);
      -webkit-transform: translate(0px, -36px);
      -moz-transform: translate(0px, -36px);
      -ms-transform: translate(0px, -36px);
      -o-transform: translate(0px, -36px);
      transform: translate(0px, -36px); }
  .html-c-dropdown-button .html-c-button.html-button-dropdown.html-is-minor .html-button:before {
    top: 4px; }
  .html-c-dropdown-button .html-c-button.html-is-disabled .html-button:before {
    clip: rect(0px, 18px, 18px, 0px);
    -webkit-clip-path: polygon(0px 0px, 18px 0px, 18px 18px, 0px 18px);
    clip-path: polygon(0px 0px, 18px 0px, 18px 18px, 0px 18px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .html-c-dropdown-button .html-c-button.html-is-disabled .html-button:hover:before {
    clip: rect(0px, 18px, 18px, 0px);
    -webkit-clip-path: polygon(0px 0px, 18px 0px, 18px 18px, 0px 18px);
    clip-path: polygon(0px 0px, 18px 0px, 18px 18px, 0px 18px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .html-c-dropdown-button .html-b-dropdown {
    display: none;
    position: absolute;
    min-width: 100%;
    top: calc(100% + 5px);
    z-index: 4000;
    background-color: #ffffff;
    border: 1px solid #0099cc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6); }
    .html-c-dropdown-button .html-b-dropdown .html-b-dropdown-items .html-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .html-c-dropdown-button .html-b-dropdown .html-b-dropdown-items .html-list > * {
        margin: 0;
        padding: 0; }
  .html-c-dropdown-button .html-b-dropdown-item .html-c-button {
    display: block; }
    .html-c-dropdown-button .html-b-dropdown-item .html-c-button .html-button {
      display: block;
      width: 100%;
      border: 0;
      text-align: left;
      outline: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
      .html-c-dropdown-button .html-b-dropdown-item .html-c-button .html-button:focus {
        background: #f6f7f8;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
  .html-c-dropdown-button.html-is-expanded .html-b-dropdown {
    display: block; }
  .html-c-dropdown-button.html-is-tertiary .html-b-dropdown-item .html-c-button {
    display: block;
    margin-bottom: 0; }
    .html-c-dropdown-button.html-is-tertiary .html-b-dropdown-item .html-c-button .html-button {
      color: #0099cc;
      background: transparent none; }
  .html-c-dropdown-button.html-is-tertiary .html-b-dropdown-item:hover .html-c-button .html-button {
    background: #f6f7f8; }
  .html-c-dropdown-button.html-is-tertiary .html-b-dropdown-item:not(:first-child) .html-c-button {
    border-top: 1px solid #0099cc; }
  .html-c-dropdown-button.html-is-minor .html-b-dropdown-item .html-c-button {
    display: block; }
    .html-c-dropdown-button.html-is-minor .html-b-dropdown-item .html-c-button .html-button {
      padding: 5px 15px;
      font-size: 13px; }

.html-c-header-button {
  display: block;
  height: 40px;
  background-repeat: no-repeat; }
  .html-c-header-button .html-b-header-button-label {
    font-size: 16px; }
  .html-c-header-button .html-b-header-button-sublabel {
    color: #0a7caf;
    font-size: 14px;
    line-height: 14px; }
  .html-c-header-button .html-b-header-button-label,
  .html-c-header-button .html-b-header-button-sublabel {
    display: block; }

button.html-c-header-button {
  background-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
  color: #000000; }
  button.html-c-header-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6); }

.html-c-context-container {
  position: absolute;
  z-index: 1;
  width: 160px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #d0d4d9;
  color: #000000;
  text-align: left;
  line-height: 16px;
  font-size: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-context-container:focus {
    outline: none; }
  .html-c-context-container .html-b-slot {
    padding: 0 5px; }
    .html-c-context-container .html-b-slot a {
      display: block;
      color: #000000;
      text-decoration: none; }
      .html-c-context-container .html-b-slot a:hover {
        color: #ff6000; }
    .html-c-context-container .html-b-slot input[type=submit],
    .html-c-context-container .html-b-slot input[type=button],
    .html-c-context-container .html-b-slot button,
    .html-c-context-container .html-b-slot .html-c-button {
      display: block;
      width: 100%;
      padding: 0;
      background-color: transparent;
      color: #000000;
      line-height: 20px;
      text-align: left;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
      .html-c-context-container .html-b-slot input[type=submit]:hover,
      .html-c-context-container .html-b-slot input[type=button]:hover,
      .html-c-context-container .html-b-slot button:hover,
      .html-c-context-container .html-b-slot .html-c-button:hover {
        color: #ff6000; }
    .html-c-context-container .html-b-slot ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .html-c-context-container .html-b-slot ul > * {
        margin: 0;
        padding: 0; }
      .html-c-context-container .html-b-slot ul li {
        display: block;
        margin-bottom: 9px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dde0e4; }
        .html-c-context-container .html-b-slot ul li:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: 0 none; }
  .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-info, .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings {
    margin-bottom: 9px;
    padding-bottom: 10px; }
    .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-info:after, .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings:after {
      display: block;
      content: '';
      position: relative;
      top: 10px;
      height: 1px;
      background-color: #dde0e4; }
    .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-info:last-of-type, .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings:last-of-type {
      padding-bottom: 0; }
      .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-info:last-of-type:after, .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings:last-of-type:after {
        content: none; }

@media print {
  .html-c-context-container {
    display: none !important; } }

.html-c-header-link {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  margin: 0;
  padding: 0; }
  .html-c-header-link.pui-log-out .html-c-header-button {
    width: 100%;
    padding-left: 37px;
    padding-right: 0;
    background-image: url("../images/pui/csobpoj/icons/header-sign-out.png");
    background-image: url("../images/pui/csobpoj/icons/header-sign-out.svg"), none;
    background-size: 31px 31px;
    background-position: 2px 4px;
    background-repeat: no-repeat; }
    .html-c-header-link.pui-log-out .html-c-header-button .html-b-header-button-label {
      line-height: 40px; }

.html-c-header-combo {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-header-combo .html-c-header-button {
    width: 100%;
    padding-left: 45px;
    padding-right: 32px;
    background-position: 5px 4px;
    text-align: left; }
    .html-c-header-combo .html-c-header-button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 7px;
      width: 11px;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../images/pui/csobpoj/icons/triangle-down.png");
      background-image: url("../images/pui/csobpoj/icons/triangle-down.svg"), none;
      background-size: 11px 11px;
      cursor: pointer; }
  .html-c-header-combo .html-c-context-container {
    display: none;
    position: absolute;
    top: 70px;
    z-index: 6110; }
    .html-c-header-combo .html-c-context-container .html-b-slot {
      padding: 0; }
  .html-c-header-combo.pui-is-open .html-c-context-container {
    display: block; }
  .html-c-header-combo.pui-header-contact .html-c-header-button {
    background-image: url("../images/pui/csobpoj/icons/commons-phone.png");
    background-image: url("../images/pui/csobpoj/icons/commons-phone.svg"), none;
    background-size: 31px 31px; }
  .html-c-header-combo.pui-header-contact .html-c-context-container {
    right: -102px;
    width: 275px;
    padding: 0;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after, .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after {
      border-color: transparent;
      border-width: 7px; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      border-color: transparent;
      border-width: 8px; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after, .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      top: auto;
      bottom: 100%; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after {
      border-bottom-color: #f1f9fe; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      border-bottom-color: #d0d4d9; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after, .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      right: 122px; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:after {
      margin-right: -7px; }
    .html-c-header-combo.pui-header-contact .html-c-context-container:before {
      margin-right: -8px; }
    .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif;
      width: 273px;
      padding: 0 20px;
      background-color: #f1f9fe;
      border-bottom: 0 none; }
      .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones .html-b-contact {
        min-height: 70px;
        margin: 0;
        padding: 14px 0 15px 40px;
        background-image: url("../images/pui/csobpoj/icons/commons-phone.png");
        background-image: url("../images/pui/csobpoj/icons/commons-phone.svg"), none;
        background-size: 31px 31px;
        background-repeat: no-repeat;
        background-position: 0 center;
        border-bottom: 1px solid #d0d4d9;
        line-height: 18px; }
        .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones .html-b-contact:last-of-type {
          border-bottom: 0; }
        .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones .html-b-contact.html-is-highlighted {
          background-image: url("../images/pui/csobpoj/icons/commons-phone-green.png");
          background-image: url("../images/pui/csobpoj/icons/commons-phone-green.svg"), none;
          background-size: 31px 31px;
          background-repeat: no-repeat;
          background-position: 0 center; }
          .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones .html-b-contact.html-is-highlighted span {
            color: #3b871e; }
        .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-phones .html-b-contact .html-b-opening-hours {
          color: #919397;
          font-size: 14px;
          font-weight: normal; }
    .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-general {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif;
      width: 273px;
      padding: 0 20px; }
      .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-general.html-b-slot {
        margin-top: 10px;
        margin-bottom: 10px; }
      .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-general a {
        display: block;
        padding: 0 5px; }
      .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-general .html-b-contact {
        width: 100%;
        min-height: 50px;
        margin-right: 0;
        border-bottom: 1px solid #d0d4d9;
        line-height: 50px; }
        .html-c-header-combo.pui-header-contact .html-c-context-container .pui-contacts-general .html-b-contact:last-of-type {
          border-bottom-color: transparent; }
  .html-c-header-combo.pui-header-user .html-c-header-button {
    background-image: url("../images/pui/csobpoj/icons/header-contract.png");
    background-image: url("../images/pui/csobpoj/icons/header-contract.svg"), none;
    background-size: 31px 31px; }
  .html-c-header-combo.pui-header-user .html-c-context-container {
    right: 0;
    width: 200px;
    padding: 15px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after, .html-c-header-combo.pui-header-user .html-c-context-container:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after {
      border-color: transparent;
      border-width: 7px; }
    .html-c-header-combo.pui-header-user .html-c-context-container:before {
      border-color: transparent;
      border-width: 8px; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after, .html-c-header-combo.pui-header-user .html-c-context-container:before {
      top: auto;
      bottom: 100%; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after {
      border-bottom-color: #ffffff; }
    .html-c-header-combo.pui-header-user .html-c-context-container:before {
      border-bottom-color: #d0d4d9; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after, .html-c-header-combo.pui-header-user .html-c-context-container:before {
      right: 20px; }
    .html-c-header-combo.pui-header-user .html-c-context-container:after {
      margin-right: -7px; }
    .html-c-header-combo.pui-header-user .html-c-context-container:before {
      margin-right: -8px; }
    .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-info {
      padding-bottom: 10px; }
    .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings {
      padding-bottom: 10px; }
      .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-settings a {
        display: block;
        margin: 0 0 0 -2px;
        padding: 4px 5px 4px 27px;
        background-image: url("../images/pui/csobpoj/icons/header-profile.png");
        background-image: url("../images/pui/csobpoj/icons/header-profile.svg"), none;
        background-size: 31px 31px;
        background-repeat: no-repeat;
        background-position: -4px center; }
    .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-links .html-b-user-link {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0 none; }
      .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-links .html-b-user-link a {
        display: block;
        padding: 8px 0 8px 27px; }
      .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-links .html-b-user-link.html-is-link-external a {
        background-image: url("../images/pui/csobpoj/icons/header-external-link.png");
        background-image: url("../images/pui/csobpoj/icons/header-external-link.svg"), none;
        background-repeat: no-repeat;
        background-position: 2px center; }
      .html-c-header-combo.pui-header-user .html-c-context-container .html-b-slot.pui-user-links .html-b-user-link:last-child {
        margin-bottom: 0; }

.pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container {
  right: 0; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after, .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after {
    border-color: transparent;
    border-width: 7px; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    border-color: transparent;
    border-width: 8px; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after, .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    top: auto;
    bottom: 100%; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after {
    border-bottom-color: #f1f9fe; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    border-bottom-color: #d0d4d9; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after, .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    right: 12px; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:after {
    margin-right: -7px; }
  .pui-is-anonymous .html-c-header-combo.pui-header-contact .html-c-context-container:before {
    margin-right: -8px; }

.html-c-context-menu {
  position: relative;
  display: inline-block; }
  .html-c-context-menu > .html-c-button .html-button {
    width: 35px;
    height: 29px;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden; }
    .html-c-context-menu > .html-c-button .html-button:before {
      content: "";
      display: block;
      width: 35px;
      height: 29px;
      background-image: url("../images/pui/csobpoj/sprites/sprite-context-menu.svg");
      background-repeat: no-repeat;
      background-position: -5px -5px; }
    .html-c-context-menu > .html-c-button .html-button:hover:before {
      background-position: -5px -44px; }
    .html-c-context-menu > .html-c-button .html-button:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
    .html-c-context-menu > .html-c-button .html-button:focus {
      -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6); }
    .html-c-context-menu > .html-c-button .html-button.html-is-disabled {
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }
  .html-c-context-menu .html-c-context-container {
    display: none;
    right: 0;
    top: 35px; }
  .html-c-context-menu.html-is-expanded .html-c-context-container {
    display: block; }

@media print {
  .pui-c-context-menu {
    display: none !important; } }

.html-c-page-section {
  width: 100%; }
  .html-c-page-section.html-is-header-hidden .html-b-page-section-header {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .html-c-page-section .html-b-messages-unread-count {
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    background-color: #ff6000;
    color: #ffffff;
    font-size: 14px;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-page-section .html-b-messages-unread-count-label {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .html-c-page-section.pui-is-product-count-multiple .html-b-page-section-content {
    background-color: transparent; }
  .html-c-page-section .html-b-page-section-header {
    display: block;
    padding: 15px 20px;
    background-color: #d7ecf8;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .html-c-page-section .html-b-page-section-header .html-b-page-section-title {
      display: inline-block;
      vertical-align: middle;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-page-section .html-b-page-section-header h2 {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: bold; }
    .html-c-page-section .html-b-page-section-header h3 {
      font-size: 14px;
      font-weight: normal; }
  .html-c-page-section .html-b-page-section-content {
    background-color: #ffffff; }
    .html-c-page-section .html-b-page-section-content .html-b-text {
      padding: 0 20px 20px 20px; }
      .html-c-page-section .html-b-page-section-content .html-b-text:first-of-type {
        padding-top: 20px; }

@media print {
  .html-c-page-section.html-is-header-hidden .html-b-page-section-content {
    border-width: 1px; }
  .html-c-page-section .html-b-messages-unread-count {
    background-color: #ffffff;
    border: 1px solid #919397;
    color: #000000; }
  .html-c-page-section .html-b-page-section-header {
    margin-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    background-color: transparent;
    border-bottom: 1px solid #919397; }
    .html-c-page-section .html-b-page-section-header h2 {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: bold; }
  .html-c-page-section .html-b-page-section-content {
    background-color: transparent; } }

.html-c-sticker {
  display: inline-block;
  padding: 5px 10px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }
  .html-c-sticker.pui-life-insurance {
    background-color: #73aa2e; }
  .html-c-sticker.pui-car-insurance {
    background-color: #b81b14; }
  .html-c-sticker.pui-travel-insurance {
    background-color: #c18a2a; }
  .html-c-sticker.pui-liability-insurance {
    background-color: #2f6d70; }
  .html-c-sticker.pui-property-insurance {
    background-color: #713e09; }
  .html-c-sticker.pui-legal-protection-insurance {
    background-color: #279da2; }
  .html-c-sticker.pui-rento {
    background-color: #4b7416; }
  .html-c-sticker.pui-best-doctors {
    background-color: #73aa2e; }
  .html-c-sticker.pui-internet-risk-insurance {
    background-color: #279da2; }
  .html-c-sticker.pui-other-insurance {
    background-color: #ff9966; }

@media print {
  .html-c-sticker {
    border: 1px solid #919397;
    border-top: 0 none;
    background-color: transparent !important;
    color: #000000; } }

.html-c-product-info {
  position: relative;
  padding: 40px 20px 0 20px;
  background-color: #ffffff; }
  .html-c-product-info.html-is-compact, .html-c-product-info.html-is-detailed {
    max-width: 460px; }
  .html-c-product-info.html-is-compact {
    height: 100px; }
  .html-c-product-info.html-is-compact-wide {
    max-width: 460px;
    padding-top: 13px;
    padding-left: 120px;
    padding-bottom: 13px;
    padding-right: 50px; }
  .html-c-product-info.html-is-product-detail-header {
    padding-right: 60px;
    padding-bottom: 20px;
    background-color: #d7ecf8; }
  .html-c-product-info.html-is-product-contract-header {
    padding-top: 55px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #d7ecf8; }
  .html-c-product-info.html-is-diasabled .html-c-sticker {
    opacity: 0.6; }
  .html-c-product-info.html-is-diasabled .html-b-product-info-row:not(:first-child) .html-b-item-count,
  .html-c-product-info.html-is-diasabled .html-b-product-info-row:not(:first-child) .html-b-item-label {
    opacity: 0.6; }
  .html-c-product-info .html-c-sticker {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    position: absolute;
    top: 0;
    left: 20px; }
  .html-c-product-info.html-is-compact-wide .html-c-sticker {
    width: 80px; }
  .html-c-product-info .html-c-context-menu {
    position: absolute;
    top: 8px;
    right: 17px; }
  .html-c-product-info.html-is-compact-wide .html-c-context-menu {
    right: 6px;
    top: 16px; }
  .html-c-product-info.html-is-product-detail-header .html-c-context-menu {
    right: 15px; }
  .html-c-product-info .html-b-product-info-main {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0;
    height: 100%;
    margin-bottom: 5px;
    cursor: pointer; }
  .html-c-product-info.html-is-detailed .html-b-product-info-main, .html-c-product-info.html-is-compact .html-b-product-info-main {
    margin-top: -40px;
    padding-top: 40px; }
  .html-c-product-info.html-is-compact-wide .html-b-product-info-main {
    width: 100%;
    height: auto;
    margin-bottom: 0; }
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-description,
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status {
      display: block;
      width: auto; }
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status {
      height: 40px;
      padding-top: 0;
      text-align: left; }
      .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status .html-b-product-status-additional {
        top: 18px;
        left: 0;
        right: auto;
        height: 20px; }
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-amount {
      white-space: nowrap; }
  .html-c-product-info.html-is-compact-wide .html-b-product-info-additional {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .html-c-product-info.html-is-no-product {
    padding: 20px; }
    .html-c-product-info.html-is-no-product .html-b-product-info-text,
    .html-c-product-info.html-is-no-product .html-b-product-info-control {
      display: block;
      text-align: center;
      vertical-align: middle; }
    .html-c-product-info.html-is-no-product .html-b-product-info-text {
      padding-bottom: 20px; }
  .html-c-product-info.html-is-product-detail-header .html-b-product-info-main {
    margin-bottom: 0;
    cursor: default; }
  .html-c-product-info .html-b-product-info-additional {
    height: 85px; }
    .html-c-product-info .html-b-product-info-additional .html-c-text {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-product-info.html-is-marked {
    background-color: #f1f9fe; }
    .html-c-product-info.html-is-marked .html-b-product-label {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      align-items: flex-end;
      padding: 20px 5px 5px 20px;
      height: 75px;
      width: 75px;
      z-index: 0; }
      .html-c-product-info.html-is-marked .html-b-product-label:before {
        content: '';
        position: absolute;
        bottom: -50px;
        left: 25px;
        z-index: 1;
        transform: rotate(135deg);
        transform-origin: 50% 0%;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent #686868 transparent;
        border-width: 0 50px 50px; }
    .html-c-product-info.html-is-marked .html-b-product-label-text {
      flex: 0 1 auto;
      max-width: 100%;
      position: relative;
      text-align: right;
      margin: 0;
      z-index: 2;
      color: #ffffff;
      font-size: 10px;
      line-height: 12px;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-product-info.html-is-product-contract-header .html-b-product-label {
    top: 0;
    bottom: auto;
    align-items: flex-start;
    padding: 5px 5px 20px 20px; }
    .html-c-product-info.html-is-product-contract-header .html-b-product-label::before {
      top: 0;
      bottom: 0;
      transform: rotate(45deg); }
  .html-c-product-info .html-b-product-description,
  .html-c-product-info .html-b-product-status {
    display: block;
    width: 100%;
    overflow: visible;
    vertical-align: top; }
  .html-c-product-info.html-is-compact-wide .html-b-product-description {
    width: 380px; }
  .html-c-product-info.html-is-compact-wide .html-b-product-status {
    width: 270px; }
  .html-c-product-info .html-b-product-status {
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left; }
  .html-c-product-info .html-b-product-status-additional {
    position: absolute;
    bottom: 0;
    left: 0; }
  .html-c-product-info .html-b-product-info-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0 4px 0;
    border-bottom: 1px solid #dde0e4;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .html-c-product-info .html-b-product-info-row:first-child {
      padding-top: 0; }
    .html-c-product-info .html-b-product-info-row:last-child {
      border-bottom-color: transparent; }
      .html-c-product-info .html-b-product-info-row:last-child:first-child {
        border-bottom-color: #dde0e4; }
    .html-c-product-info .html-b-product-info-row.html-is-link:hover {
      cursor: pointer; }
      .html-c-product-info .html-b-product-info-row.html-is-link:hover .html-b-item-count,
      .html-c-product-info .html-b-product-info-row.html-is-link:hover .html-b-item-label {
        color: #ff6000; }
  .html-c-product-info .html-b-product-card-number,
  .html-c-product-info .html-b-product-alias,
  .html-c-product-info .html-b-product-number,
  .html-c-product-info .html-b-product-type,
  .html-c-product-info .html-b-product-owner,
  .html-c-product-info .html-b-product-status-date,
  .html-c-product-info .html-b-product-quantity,
  .html-c-product-info .html-b-item-count,
  .html-c-product-info .html-b-item-label,
  .html-c-product-info .html-b-item-value,
  .html-c-product-info .html-b-item-warning {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-product-info .html-b-product-availability {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-product-info .html-b-product-status-type {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-product-info .html-b-product-status-type + .html-b-product-status-date {
      margin-bottom: -10px; }
  .html-c-product-info .html-b-product-status-type.pui-b-card-status-label {
    position: relative;
    bottom: -5px; }
  .html-c-product-info .html-b-product-card-alias,
  .html-c-product-info .html-b-product-amount {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-product-info .html-b-product-alias {
    font-size: 16px; }
  .html-c-product-info.html-is-product-detail-header .html-b-product-alias {
    height: 25px;
    max-width: none;
    margin-top: -5px;
    font-size: 21px;
    line-height: 25px; }
  .html-c-product-info .html-b-product-card-alias,
  .html-c-product-info .html-b-product-amount,
  .html-c-product-info .html-b-product-quantity {
    height: 25px;
    font-size: 21px;
    line-height: 25px; }
  .html-c-product-info .html-b-product-availability {
    font-size: 21px;
    line-height: 25px; }
  .html-c-product-info .html-b-product-card-alias,
  .html-c-product-info .html-b-product-amount,
  .html-c-product-info .html-b-product-quantity {
    position: relative;
    top: -4px; }
  .html-c-product-info .html-b-product-card-number,
  .html-c-product-info .html-b-product-number,
  .html-c-product-info .html-b-product-type,
  .html-c-product-info .html-b-product-owner,
  .html-c-product-info .html-b-product-status-type,
  .html-c-product-info .html-b-product-status-date,
  .html-c-product-info .html-b-product-availability {
    font-size: 12px;
    line-height: 15px;
    color: #686868; }
  .html-c-product-info.html-is-compact-wide .html-b-product-status-additional {
    height: 15px;
    bottom: 0; }
  .html-c-product-info.html-is-compact-wide .html-b-product-amount,
  .html-c-product-info.html-is-compact-wide .html-b-product-quantity {
    top: 0;
    height: 20px;
    font-size: 16px;
    line-height: 20px; }
  .html-c-product-info.html-is-compact-wide .html-b-product-card-number,
  .html-c-product-info.html-is-compact-wide .html-b-product-number,
  .html-c-product-info.html-is-compact-wide .html-b-product-type,
  .html-c-product-info.html-is-compact-wide .html-b-product-owner,
  .html-c-product-info.html-is-compact-wide .html-b-product-status-type,
  .html-c-product-info.html-is-compact-wide .html-b-product-status-date,
  .html-c-product-info.html-is-compact-wide .html-b-product-availability {
    display: inline-block; }
    .html-c-product-info.html-is-compact-wide .html-b-product-card-number:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-number:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-type:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-owner:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-status-type:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-status-date:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-availability:after {
      display: inline;
      content: '\0000a0'; }
    .html-c-product-info.html-is-compact-wide .html-b-product-card-number:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-number:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-type:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-owner:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-status-type:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-status-date:last-child:after,
    .html-c-product-info.html-is-compact-wide .html-b-product-availability:last-child:after {
      content: ''; }
  .html-c-product-info.html-is-compact-wide .html-b-product-status-type.pui-b-card-status-label {
    bottom: 0; }
  .html-c-product-info .html-b-item-count,
  .html-c-product-info .html-b-item-label,
  .html-c-product-info .html-b-item-value {
    display: inline-block;
    font-size: 12px; }
  .html-c-product-info .html-b-item-label {
    padding-left: 20px;
    text-align: right; }
  .html-c-product-info .html-b-item-value {
    width: 120px;
    text-align: right; }
  .html-c-product-info .html-b-item-label:only-child,
  .html-c-product-info .html-b-item-value:only-child {
    width: 100%; }
  .html-c-product-info.html-is-compact .html-b-product-alias, .html-c-product-info.html-is-detailed .html-b-product-alias {
    width: 460px;
    max-width: 100%; }
  .html-c-product-info.html-is-compact .html-b-product-amount, .html-c-product-info.html-is-detailed .html-b-product-amount {
    width: auto;
    margin-left: 0; }
  .html-c-product-info .html-b-item-warning {
    display: table-cell;
    font-size: 12px;
    color: #c50101; }
    .html-c-product-info .html-b-item-warning:before {
      content: "";
      display: inline-block;
      width: 21px;
      height: 21px;
      padding-right: 30px;
      margin-left: -4px;
      vertical-align: middle;
      background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
      background-repeat: no-repeat;
      background-position: -94px -4px; }
    .html-c-product-info .html-b-item-warning span {
      vertical-align: middle; }

@media (max-width: 420px) {
  .html-c-product-info.html-is-compact .html-b-product-alias, .html-c-product-info.html-is-detailed .html-b-product-alias {
    width: auto; } }

@media (min-width: 521px) {
  .html-c-product-info.html-is-compact-wide .html-b-product-info-main {
    display: table; }
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-description,
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status {
      display: table-cell; }
    .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status {
      padding-top: 0;
      text-align: right; }
      .html-c-product-info.html-is-compact-wide .html-b-product-info-main .html-b-product-status .html-b-product-status-additional {
        left: auto;
        right: 0; }
  .html-c-product-info.html-is-no-product {
    display: table;
    width: 100%; }
    .html-c-product-info.html-is-no-product .html-b-product-info-text,
    .html-c-product-info.html-is-no-product .html-b-product-info-control {
      display: table-cell; }
    .html-c-product-info.html-is-no-product .html-b-product-info-text {
      padding-right: 20px;
      padding-bottom: 0;
      text-align: left; }
    .html-c-product-info.html-is-no-product .html-b-product-info-control {
      text-align: right; } }

@media (min-width: 421px) and (max-width: 660px), (min-width: 881px) {
  .html-c-product-info.html-is-detailed .html-b-product-info-main, .html-c-product-info.html-is-compact .html-b-product-info-main {
    height: 90px;
    margin-right: 40px; }
  .html-c-product-info.html-is-detailed .html-b-product-amount, .html-c-product-info.html-is-compact .html-b-product-amount {
    margin-left: auto; }
  .html-c-product-info.html-is-detailed {
    height: 220px; }
  .html-c-product-info .html-b-product-description,
  .html-c-product-info .html-b-product-status {
    display: inline-block;
    width: 50%; }
  .html-c-product-info.html-is-product-detail-header .html-b-product-description,
  .html-c-product-info.html-is-product-detail-header .html-b-product-status {
    width: 50%; }
  .html-c-product-info .html-b-item-label {
    float: none; }
  .html-c-product-info .html-b-product-info-main {
    height: 50px;
    margin-bottom: 20px; }
  .html-c-product-info.html-is-product-contract-header .html-b-product-info-main {
    height: 40px;
    margin-bottom: 0; }
  .html-c-product-info .html-b-product-status {
    padding-top: 0;
    padding-bottom: 15px;
    text-align: right; }
  .html-c-product-info .html-b-product-status-additional {
    left: auto;
    right: 0; }
  .html-c-product-info .html-b-product-info-additional {
    height: 110px; }
  .html-c-product-info.html-is-compact .pui-is-amount-01 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-01 .html-b-product-alias {
    width: 245px;
    max-width: 245px; }
  .html-c-product-info.html-is-compact .pui-is-amount-01 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-01 .html-b-product-amount {
    width: 95px; }
  .html-c-product-info.html-is-compact .pui-is-amount-02 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-02 .html-b-product-alias {
    width: 235px;
    max-width: 235px; }
  .html-c-product-info.html-is-compact .pui-is-amount-02 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-02 .html-b-product-amount {
    width: 105px; }
  .html-c-product-info.html-is-compact .pui-is-amount-03 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-03 .html-b-product-alias {
    width: 225px;
    max-width: 225px; }
  .html-c-product-info.html-is-compact .pui-is-amount-03 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-03 .html-b-product-amount {
    width: 115px; }
  .html-c-product-info.html-is-compact .pui-is-amount-04 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-04 .html-b-product-alias {
    width: 215px;
    max-width: 215px; }
  .html-c-product-info.html-is-compact .pui-is-amount-04 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-04 .html-b-product-amount {
    width: 125px; }
  .html-c-product-info.html-is-compact .pui-is-amount-05 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-05 .html-b-product-alias {
    width: 205px;
    max-width: 205px; }
  .html-c-product-info.html-is-compact .pui-is-amount-05 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-05 .html-b-product-amount {
    width: 135px; }
  .html-c-product-info.html-is-compact .pui-is-amount-06 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-06 .html-b-product-alias {
    width: 195px;
    max-width: 195px; }
  .html-c-product-info.html-is-compact .pui-is-amount-06 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-06 .html-b-product-amount {
    width: 145px; }
  .html-c-product-info.html-is-compact .pui-is-amount-07 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-07 .html-b-product-alias {
    width: 185px;
    max-width: 185px; }
  .html-c-product-info.html-is-compact .pui-is-amount-07 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-07 .html-b-product-amount {
    width: 155px; }
  .html-c-product-info.html-is-compact .pui-is-amount-08 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-08 .html-b-product-alias {
    width: 175px;
    max-width: 175px; }
  .html-c-product-info.html-is-compact .pui-is-amount-08 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-08 .html-b-product-amount {
    width: 165px; }
  .html-c-product-info.html-is-compact .pui-is-amount-09 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-09 .html-b-product-alias {
    width: 165px;
    max-width: 165px; }
  .html-c-product-info.html-is-compact .pui-is-amount-09 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-09 .html-b-product-amount {
    width: 175px; }
  .html-c-product-info.html-is-compact .pui-is-amount-10 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-10 .html-b-product-alias {
    width: 155px;
    max-width: 155px; }
  .html-c-product-info.html-is-compact .pui-is-amount-10 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-10 .html-b-product-amount {
    width: 185px; }
  .html-c-product-info.html-is-compact .pui-is-amount-11 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-11 .html-b-product-alias {
    width: 145px;
    max-width: 145px; }
  .html-c-product-info.html-is-compact .pui-is-amount-11 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-11 .html-b-product-amount {
    width: 195px; }
  .html-c-product-info.html-is-compact .pui-is-amount-12 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-12 .html-b-product-alias {
    width: 135px;
    max-width: 135px; }
  .html-c-product-info.html-is-compact .pui-is-amount-12 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-12 .html-b-product-amount {
    width: 205px; }
  .html-c-product-info.html-is-compact .pui-is-amount-13 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-13 .html-b-product-alias {
    width: 125px;
    max-width: 125px; }
  .html-c-product-info.html-is-compact .pui-is-amount-13 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-13 .html-b-product-amount {
    width: 215px; }
  .html-c-product-info.html-is-compact .pui-is-amount-14 .html-b-product-alias, .html-c-product-info.html-is-detailed .pui-is-amount-14 .html-b-product-alias {
    width: 115px;
    max-width: 115px; }
  .html-c-product-info.html-is-compact .pui-is-amount-14 .html-b-product-amount, .html-c-product-info.html-is-detailed .pui-is-amount-14 .html-b-product-amount {
    width: 225px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-01 .html-b-product-alias {
    margin-right: -130px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-02 .html-b-product-alias {
    margin-right: -120px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-03 .html-b-product-alias {
    margin-right: -110px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-04 .html-b-product-alias {
    margin-right: -100px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-05 .html-b-product-alias {
    margin-right: -90px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-06 .html-b-product-alias {
    margin-right: -80px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-07 .html-b-product-alias {
    margin-right: -70px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-08 .html-b-product-alias {
    margin-right: -60px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-09 .html-b-product-alias {
    margin-right: -50px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-10 .html-b-product-alias {
    margin-right: -40px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-11 .html-b-product-alias {
    margin-right: -30px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-12 .html-b-product-alias {
    margin-right: -20px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-13 .html-b-product-alias {
    margin-right: -10px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-amount-14 .html-b-product-alias {
    margin-right: 0px; }
  .html-c-product-info.html-is-product-detail-header .pui-is-without-status .html-b-product-alias {
    margin-right: -100%; }
  .html-c-product-info .html-c-context-menu {
    top: 34px;
    right: 17px; } }

@media (min-width: 661px) and (max-width: 880px) {
  .html-c-product-info.html-is-product-detail-header .html-b-product-description,
  .html-c-product-info.html-is-product-detail-header .html-b-product-status {
    display: inline-block;
    width: 50%; }
  .html-c-product-info.html-is-product-detail-header .html-b-product-status {
    padding-top: 0;
    padding-bottom: 15px;
    text-align: right; }
  .html-c-product-info .html-b-product-status-additional {
    left: auto;
    right: 0; }
  .html-c-product-info .html-c-context-menu {
    top: 34px; } }

@media (min-width: 769px) {
  .html-c-product-info.html-is-compact-wide {
    max-width: 100%; } }

@media (min-width: 881px) {
  .html-c-product-info .html-b-product-info-row {
    display: table;
    width: 100%; }
  .html-c-product-info .html-b-item-count,
  .html-c-product-info .html-b-item-label {
    display: table-cell; } }

@media print {
  .html-c-product-info {
    background: transparent; }
    .html-c-product-info.html-is-detailed .html-b-product-info-main, .html-c-product-info.html-is-compact .html-b-product-info-main {
      margin-right: 0; }
    .html-c-product-info.html-is-compact-wide {
      padding-left: 120px !important; }
    .html-c-product-info.html-is-product-detail-header {
      padding-right: 20px;
      background-color: #ffffff; }
    .html-c-product-info .html-b-product-description,
    .html-c-product-info .html-b-product-status {
      display: inline-block;
      width: 50%; }
    .html-c-product-info .html-b-product-status {
      text-align: right; }
    .html-c-product-info .html-b-product-status-additional {
      left: auto;
      right: 0; } }

.html-c-info-header {
  color: #434548;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-info-header .html-b-transaction-id,
  .html-c-info-header .html-b-legend {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-info-header .html-b-transaction-id .html-is-id {
    font-size: 16px; }
  .html-c-info-header .html-b-legend {
    text-align: right; }
    .html-c-info-header .html-b-legend .html-c-text {
      display: inline; }

@media print {
  .html-c-info-header {
    border-bottom: 1px solid #919397; } }

.html-c-form-controls .html-b-primary-action,
.html-c-form-controls .html-b-secondary-action {
  position: relative;
  margin-top: 21px;
  text-align: center; }
  .html-c-form-controls .html-b-primary-action .html-c-button + .html-c-button,
  .html-c-form-controls .html-b-secondary-action .html-c-button + .html-c-button {
    margin-top: 10px; }

.html-c-form-controls .html-b-primary-action .html-c-button .html-button {
  width: 100%;
  max-width: 280px; }

.html-c-form-controls .html-b-secondary-action .html-c-button .html-button {
  width: 100%;
  max-width: 160px; }

.html-c-form-controls.html-is-top .html-b-primary-action,
.html-c-form-controls.html-is-top .html-b-secondary-action {
  margin-top: 19px;
  margin-bottom: 20px;
  text-align: left; }

.html-c-form-controls.html-is-top .html-c-text {
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  font-size: 16px; }

.html-c-form-controls.html-is-top .html-c-radio:not(:last-of-type) {
  padding-right: 20px; }

.html-c-form-controls.html-is-top .html-c-radio:last-of-type {
  padding-right: 0; }

@media (min-width: 481px) {
  .html-c-form-controls {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .html-c-form-controls .html-b-primary-action,
    .html-c-form-controls .html-b-secondary-action {
      display: inline-block;
      width: 50%;
      vertical-align: middle; }
      .html-c-form-controls .html-b-primary-action .html-c-button,
      .html-c-form-controls .html-b-secondary-action .html-c-button {
        display: inline-block; }
        .html-c-form-controls .html-b-primary-action .html-c-button + .html-c-button,
        .html-c-form-controls .html-b-secondary-action .html-c-button + .html-c-button {
          margin-top: 0;
          margin-left: 10px; }
        .html-c-form-controls .html-b-primary-action .html-c-button .html-button,
        .html-c-form-controls .html-b-secondary-action .html-c-button .html-button {
          width: auto;
          max-width: none; }
    .html-c-form-controls .html-b-primary-action {
      left: 50%;
      margin-bottom: 0;
      text-align: right; }
    .html-c-form-controls .html-b-secondary-action {
      left: -50%;
      text-align: left; } }

.html-c-form {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  padding: 0 10px;
  background-color: #ffffff; }
  .html-c-form .html-b-form-status-panel .html-c-info-panel {
    margin-top: 10px;
    margin-bottom: 10px; }
  .html-c-form .html-c-info-header {
    margin-top: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid #dde0e4; }
  .html-c-form .html-b-form-header {
    padding-top: 10px; }
    .html-c-form .html-b-form-header .html-b-form-status-panel .html-c-aria-live-region {
      margin-top: 10px;
      border-bottom: 1px solid #dde0e4; }
      .html-c-form .html-b-form-header .html-b-form-status-panel .html-c-aria-live-region:empty {
        margin-top: 0;
        border-bottom: 0 none; }
    .html-c-form .html-b-form-header .html-b-form-controls + .html-b-form-status-panel {
      padding-top: 0; }
    .html-c-form .html-b-form-header .html-c-form-steps {
      margin-top: 10px;
      margin-bottom: 10px; }
  .html-c-form .html-b-form-content .html-b-form-title-row {
    margin-top: 10px;
    padding: 10px;
    background-color: #f1f9fe; }
    .html-c-form .html-b-form-content .html-b-form-title-row h2, .html-c-form .html-b-form-content .html-b-form-title-row h3 {
      margin-bottom: 0; }
  .html-c-form .html-b-form-footer {
    padding-bottom: 20px; }
    .html-c-form .html-b-form-footer .html-b-form-status-panel .html-c-aria-live-region > *:last-child {
      margin-bottom: 0; }
  .html-c-form .html-b-form-section-header {
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px 10px;
    background-color: #d7ecf8;
    color: #434548; }
    .html-c-form .html-b-form-section-header h2 {
      margin-bottom: 0;
      font-size: 21px;
      font-weight: normal; }
  .html-c-form .html-c-form-row .html-c-info-panel {
    padding-top: 13px; }
    .html-c-form .html-c-form-row .html-c-info-panel.html-is-mini {
      padding-top: 0; }
  .html-c-form .html-c-form-row + .html-b-form-section {
    margin-top: -1px; }

.html-c-form-row .html-frm-slot .html-c-text a {
  white-space: nowrap; }

@media (min-width: 581px) {
  .html-c-form {
    padding-left: 20px;
    padding-right: 20px; }
    .html-c-form .html-b-form-section-header {
      margin-left: -20px;
      margin-right: -20px;
      padding: 15px 20px; } }

@media (min-width: 881px) {
  .html-c-form {
    padding-left: 20px;
    padding-right: 20px; }
    .html-c-form .html-b-form-section-header {
      margin-left: -20px;
      margin-right: -20px;
      padding: 15px 20px; } }

@media print {
  .html-c-form {
    padding: 0; }
    .html-c-form .html-b-form-content .html-b-form-title-row {
      margin-bottom: 10px;
      padding: 10px 0;
      background-color: #ffffff; }
    .html-c-form .html-b-form-section-header {
      border-bottom: 1px solid #919397; } }

.html-c-contacts-list {
  margin-bottom: 10px;
  border-bottom: 1px solid #dde0e4; }
  .html-c-contacts-list:last-child {
    margin-bottom: 0; }

.html-b-contacts-list-row {
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dde0e4;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-b-contacts-list-row:last-child {
    border-bottom-color: transparent; }

.html-b-contacts-list-header {
  background-color: #d7ecf8; }

.html-b-contacts-list-content {
  margin-bottom: -1px; }

.html-operation-check,
.html-contact-data {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  font-size: 16px; }

.html-operation-check {
  width: 40px;
  margin-right: -40px; }
  .html-operation-check .html-c-checkbox {
    padding-right: 0; }
  .html-operation-check .html-checkbox-label {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }

.html-contact-data {
  max-width: 720px;
  margin-bottom: -1px;
  padding-left: 40px; }

@media print {
  .html-b-contacts-list-header {
    border: 1px solid #919397; } }

.html-c-autocomplete-popup {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  max-height: 240px;
  margin-right: 20px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #dde0e4;
  color: #000000;
  text-align: left;
  font-size: 16px;
  z-index: 4350;
  overflow-y: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-autocomplete-popup > * {
    margin: 0;
    padding: 0; }
  .html-c-autocomplete-popup li {
    display: block;
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dde0e4; }
    .html-c-autocomplete-popup li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0 none; }
    .html-c-autocomplete-popup li .ui-state-active {
      color: #ff6000; }

.html-c-input-field .html-input.html-is-autocomplete-input.html-is-autocomplete-loading, .html-c-date-picker .html-input.html-is-autocomplete-input.html-is-autocomplete-loading {
  background-image: url("../images/pui/csobpoj/animated/loading-indicator-circle.gif");
  background-repeat: no-repeat;
  background-position: top 50% right 8px; }

@media print {
  .html-c-autocomplete-popup {
    display: none; } }

.html-c-portlet-preloader {
  width: 100%;
  min-height: 66px;
  background-image: url("../images/pui/csobpoj/animated/loading-indicator.gif");
  background-repeat: no-repeat;
  background-position: 50%; }
  .html-c-portlet-preloader.html-is-delay {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url("../images/pui/csobpoj/backgrounds/loading-indicator-bg.png");
    background-color: transparent;
    background-repeat: repeat; }
    .html-c-portlet-preloader.html-is-delay:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 180px;
      margin-top: -90px;
      margin-left: -100px;
      background-image: url("../images/pui/csobpoj/animated/loading-indicator.gif");
      background-repeat: no-repeat;
      background-position: 50%;
      background-color: #ffffff;
      border: 1px solid #e4f3fc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }

@media print {
  .html-c-portlet-preloader {
    display: none; } }

.html-c-filter {
  display: table;
  width: 100%;
  padding: 5px 0 15px; }

.html-c-filter-view-buttons {
  display: table-cell;
  text-align: right; }
  .html-c-filter-view-buttons .html-view-toggle {
    display: inline-block; }
    .html-c-filter-view-buttons .html-view-toggle .html-button {
      width: 35px;
      height: 29px;
      padding: 0;
      background-color: #ffffff;
      box-shadow: none;
      border-radius: 2px;
      text-indent: 100px;
      white-space: nowrap;
      overflow: hidden;
      cursor: default; }
      .html-c-filter-view-buttons .html-view-toggle .html-button:before {
        content: "";
        display: block;
        width: 35px;
        height: 29px; }
    .html-c-filter-view-buttons .html-view-toggle:last-child {
      margin-left: -4px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-list .html-button:before {
      background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
      background-repeat: no-repeat;
      background-position: 2px -32px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-list.html-view-toggle-inactive .html-button {
      background-color: #eff1f3;
      cursor: pointer; }
      .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-list.html-view-toggle-inactive .html-button:before {
        background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
        background-repeat: no-repeat;
        background-position: -29px -32px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-list.html-view-toggle-inactive:hover .html-button {
      background-color: #ffffff; }
      .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-list.html-view-toggle-inactive:hover .html-button:before {
        background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
        background-repeat: no-repeat;
        background-position: 2px -32px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-block .html-button:before {
      background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
      background-repeat: no-repeat;
      background-position: 2px -1px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-block.html-view-toggle-inactive .html-button {
      background-color: #eff1f3;
      cursor: pointer; }
      .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-block.html-view-toggle-inactive .html-button:before {
        background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
        background-repeat: no-repeat;
        background-position: -29px -1px; }
    .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-block.html-view-toggle-inactive:hover .html-button {
      background-color: #ffffff; }
      .html-c-filter-view-buttons .html-view-toggle.html-view-toggle-block.html-view-toggle-inactive:hover .html-button:before {
        background-image: url("../images/pui/csobpoj/sprites/sprite-toggle-view.svg");
        background-repeat: no-repeat;
        background-position: 2px -1px; }

.html-c-filter-dropdown {
  display: table-cell; }
  .html-c-filter-dropdown .html-form-field {
    width: auto; }

@media print {
  .html-c-filter {
    display: none !important; } }

.html-c-file-download {
  display: inline-block;
  padding: 5px 10px 5px 20px;
  text-decoration: none;
  color: #0a7caf; }
  .html-c-file-download:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    left: 0; }
  .html-c-file-download:hover {
    color: #085d83; }
  .html-c-file-download .html-file-name {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 5px; }

.html-is-doc {
  position: relative; }
  .html-is-doc:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-doc:before {
    clip: rect(0px, 30px, 30px, 0px);
    -webkit-clip-path: polygon(0px 0px, 30px 0px, 30px 30px, 0px 30px);
    clip-path: polygon(0px 0px, 30px 0px, 30px 30px, 0px 30px);
    -webkit-transform: translate(-4px, -4px);
    -moz-transform: translate(-4px, -4px);
    -ms-transform: translate(-4px, -4px);
    -o-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px); }

.html-is-img {
  position: relative; }
  .html-is-img:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-img:before {
    clip: rect(0px, 60px, 30px, 30px);
    -webkit-clip-path: polygon(30px 0px, 60px 0px, 60px 30px, 30px 30px);
    clip-path: polygon(30px 0px, 60px 0px, 60px 30px, 30px 30px);
    -webkit-transform: translate(-34px, -4px);
    -moz-transform: translate(-34px, -4px);
    -ms-transform: translate(-34px, -4px);
    -o-transform: translate(-34px, -4px);
    transform: translate(-34px, -4px); }

.html-is-jpg {
  position: relative; }
  .html-is-jpg:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-jpg:before {
    clip: rect(0px, 90px, 30px, 60px);
    -webkit-clip-path: polygon(60px 0px, 90px 0px, 90px 30px, 60px 30px);
    clip-path: polygon(60px 0px, 90px 0px, 90px 30px, 60px 30px);
    -webkit-transform: translate(-64px, -4px);
    -moz-transform: translate(-64px, -4px);
    -ms-transform: translate(-64px, -4px);
    -o-transform: translate(-64px, -4px);
    transform: translate(-64px, -4px); }

.html-is-pdf {
  position: relative; }
  .html-is-pdf:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-pdf:before {
    clip: rect(0px, 120px, 30px, 90px);
    -webkit-clip-path: polygon(90px 0px, 120px 0px, 120px 30px, 90px 30px);
    clip-path: polygon(90px 0px, 120px 0px, 120px 30px, 90px 30px);
    -webkit-transform: translate(-94px, -4px);
    -moz-transform: translate(-94px, -4px);
    -ms-transform: translate(-94px, -4px);
    -o-transform: translate(-94px, -4px);
    transform: translate(-94px, -4px); }

.html-is-png {
  position: relative; }
  .html-is-png:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-png:before {
    clip: rect(0px, 150px, 30px, 120px);
    -webkit-clip-path: polygon(120px 0px, 150px 0px, 150px 30px, 120px 30px);
    clip-path: polygon(120px 0px, 150px 0px, 150px 30px, 120px 30px);
    -webkit-transform: translate(-124px, -4px);
    -moz-transform: translate(-124px, -4px);
    -ms-transform: translate(-124px, -4px);
    -o-transform: translate(-124px, -4px);
    transform: translate(-124px, -4px); }

.html-is-ppt {
  position: relative; }
  .html-is-ppt:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-ppt:before {
    clip: rect(0px, 180px, 30px, 150px);
    -webkit-clip-path: polygon(150px 0px, 180px 0px, 180px 30px, 150px 30px);
    clip-path: polygon(150px 0px, 180px 0px, 180px 30px, 150px 30px);
    -webkit-transform: translate(-154px, -4px);
    -moz-transform: translate(-154px, -4px);
    -ms-transform: translate(-154px, -4px);
    -o-transform: translate(-154px, -4px);
    transform: translate(-154px, -4px); }

.html-is-txt {
  position: relative; }
  .html-is-txt:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-txt:before {
    clip: rect(0px, 210px, 30px, 180px);
    -webkit-clip-path: polygon(180px 0px, 210px 0px, 210px 30px, 180px 30px);
    clip-path: polygon(180px 0px, 210px 0px, 210px 30px, 180px 30px);
    -webkit-transform: translate(-184px, -4px);
    -moz-transform: translate(-184px, -4px);
    -ms-transform: translate(-184px, -4px);
    -o-transform: translate(-184px, -4px);
    transform: translate(-184px, -4px); }

.html-is-prt {
  position: relative; }
  .html-is-prt:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-prt:before {
    clip: rect(0px, 240px, 30px, 210px);
    -webkit-clip-path: polygon(210px 0px, 240px 0px, 240px 30px, 210px 30px);
    clip-path: polygon(210px 0px, 240px 0px, 240px 30px, 210px 30px);
    -webkit-transform: translate(-214px, -4px);
    -moz-transform: translate(-214px, -4px);
    -ms-transform: translate(-214px, -4px);
    -o-transform: translate(-214px, -4px);
    transform: translate(-214px, -4px); }

.html-is-xls {
  position: relative; }
  .html-is-xls:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-xls:before {
    clip: rect(0px, 270px, 30px, 240px);
    -webkit-clip-path: polygon(240px 0px, 270px 0px, 270px 30px, 240px 30px);
    clip-path: polygon(240px 0px, 270px 0px, 270px 30px, 240px 30px);
    -webkit-transform: translate(-244px, -4px);
    -moz-transform: translate(-244px, -4px);
    -ms-transform: translate(-244px, -4px);
    -o-transform: translate(-244px, -4px);
    transform: translate(-244px, -4px); }

.html-is-csv {
  position: relative; }
  .html-is-csv:before {
    content: url("../images/pui/csobpoj/sprites/sprite-filetypes.svg");
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    transform-origin: 0 0; }
  .html-is-csv:before {
    clip: rect(0px, 300px, 30px, 270px);
    -webkit-clip-path: polygon(270px 0px, 300px 0px, 300px 30px, 270px 30px);
    clip-path: polygon(270px 0px, 300px 0px, 300px 30px, 270px 30px);
    -webkit-transform: translate(-274px, -4px);
    -moz-transform: translate(-274px, -4px);
    -ms-transform: translate(-274px, -4px);
    -o-transform: translate(-274px, -4px);
    transform: translate(-274px, -4px); }

.html-is-external {
  background-image: url(../images/pui/csobpoj/icons/external-link.svg);
  background-size: 21px 21px;
  background-position: 0 center;
  background-repeat: no-repeat; }
  .html-is-external::before {
    content: none; }

.html-c-contact-adding .html-frm-slot.html-frm-adding-input {
  width: 155px; }

.html-c-contact-adding .html-c-form-row {
  border-bottom: 0; }

.html-c-faq {
  padding: 20px;
  background-color: #ffffff; }
  .html-c-faq .html-button {
    font-size: 14px; }
    .html-c-faq .html-button .html-text {
      display: inline-block; }
  .html-c-faq .html-is-collapsed .html-content {
    display: none; }
  .html-c-faq .html-is-expanded .html-content {
    display: block; }
  .html-c-faq .html-c-display-toggle {
    width: 100%;
    padding-left: 24px;
    color: #ff6000;
    position: relative;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s; }
    .html-c-faq .html-c-display-toggle.html-is-icon-left .html-text {
      padding-left: 20px; }
    .html-c-faq .html-c-display-toggle.pui-is-plusminus .html-button:before {
      content: "";
      position: absolute;
      top: 50%;
      width: 15px;
      height: 15px;
      border: 1px solid #d0d4d9;
      background-color: #ffffff;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .html-c-faq .html-c-display-toggle.pui-is-plusminus.html-is-collapsed .html-button:before {
      background-image: url("../images/pui/csobpoj/sprites/sprite-faq.svg");
      background-repeat: no-repeat;
      background-position: -1px -1px; }
    .html-c-faq .html-c-display-toggle.pui-is-plusminus.html-is-expanded .html-button {
      color: #919397; }
      .html-c-faq .html-c-display-toggle.pui-is-plusminus.html-is-expanded .html-button:before {
        background-image: url("../images/pui/csobpoj/sprites/sprite-faq.svg");
        background-repeat: no-repeat;
        background-position: -1px -16px; }
  .html-c-faq .html-content {
    padding: 20px 0 20px 24px; }
    .html-c-faq .html-content p, .html-c-faq .html-content li, .html-c-faq .html-content {
      color: #686868; }

@media print {
  .html-c-faq {
    padding-left: 0;
    padding-right: 0; }
    .html-c-faq input[type=submit],
    .html-c-faq input[type=reset],
    .html-c-faq input[type=button],
    .html-c-faq button,
    .html-c-faq .html-c-button {
      display: inline-block !important; }
      .html-c-faq input[type=submit]:before,
      .html-c-faq input[type=reset]:before,
      .html-c-faq input[type=button]:before,
      .html-c-faq button:before,
      .html-c-faq .html-c-button:before {
        display: none; }
    .html-c-faq .html-c-display-toggle {
      display: block !important;
      padding-left: 0;
      padding-right: 0; }
      .html-c-faq .html-c-display-toggle.html-is-icon-left .html-text {
        padding-left: 0;
        color: #000000; }
    .html-c-faq .html-content {
      color: #000000;
      padding-left: 20px; }
      .html-c-faq .html-content p, .html-c-faq .html-content li, .html-c-faq .html-content {
        color: #000000; } }

.pui-c-page-heading {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .pui-c-page-heading .pui-heading-main {
    display: inline-block;
    width: 70%;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-c-page-heading .pui-heading-controls {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    color: #0a7caf;
    width: 30%;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .pui-c-page-heading .pui-heading-controls a.pui-help-link {
      position: relative;
      display: inline-block;
      margin: 0 10px;
      padding: 5px 0 5px;
      width: 30px;
      color: #0a7caf;
      text-indent: 100px;
      white-space: nowrap;
      overflow: hidden; }
      .pui-c-page-heading .pui-heading-controls a.pui-help-link:before {
        content: url("../images/pui/csobpoj/icons/commons-help.svg");
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 20px;
        height: 20px;
        text-indent: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .pui-c-page-heading .pui-heading-controls .pui-heading-button {
      border-left: 1px solid #0a7caf;
      color: #0a7caf;
      padding: 5px 10px; }
      .pui-c-page-heading .pui-heading-controls .pui-heading-button:first-child {
        border-left: none; }
      .pui-c-page-heading .pui-heading-controls .pui-heading-button:last-child {
        margin-right: 0; }
  .pui-c-page-heading.pui-is-no-controls .pui-heading-main {
    width: 100%; }
  .pui-c-page-heading.pui-is-no-controls .pui-heading-controls {
    display: none; }
  .pui-c-page-heading.pui-is-no-heading .pui-heading-controls {
    width: 100%; }
  .pui-c-page-heading.pui-is-no-heading.pui-is-no-controls {
    width: 100%; }
    .pui-c-page-heading.pui-is-no-heading.pui-is-no-controls > * {
      display: none; }

@media (min-width: 761px) {
  .pui-c-page-heading .pui-heading-controls a.pui-help-link {
    width: auto;
    text-indent: 0;
    white-space: normal;
    padding: 5px 10px 5px 30px; }
    .pui-c-page-heading .pui-heading-controls a.pui-help-link:before {
      left: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); } }

.html-c-documents .html-is-passed .html-b-form-row-caption .html-label:after {
  content: "";
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
  background-image: url("../images/pui/csobpoj/icons/round-icon-success.png");
  background-image: url("../images/pui/csobpoj/icons/round-icon-success.svg"), none;
  background-size: 25px 25px; }

.html-c-documents .html-document-waiting {
  position: relative;
  padding-left: 30px;
  color: #c50101;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: relative; }
  .html-c-documents .html-document-waiting:before {
    content: url("../images/pui/csobpoj/sprites/sprite-round-icon.svg");
    position: absolute;
    display: block;
    width: 174px;
    height: 58px;
    transform-origin: 0 0; }
  .html-c-documents .html-document-waiting:before {
    clip: rect(0px, 145px, 29px, 116px);
    -webkit-clip-path: polygon(116px 0px, 145px 0px, 145px 29px, 116px 29px);
    clip-path: polygon(116px 0px, 145px 0px, 145px 29px, 116px 29px);
    -webkit-transform: translate(-120px, -4px);
    -moz-transform: translate(-120px, -4px);
    -ms-transform: translate(-120px, -4px);
    -o-transform: translate(-120px, -4px);
    transform: translate(-120px, -4px); }
  .html-c-documents .html-document-waiting:before {
    left: 0; }

.html-c-documents .html-b-documents-title-row {
  background-color: #f1f9fe;
  padding: 10px 0;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-documents .html-b-documents-title-row .html-documents-caption, .html-c-documents .html-b-documents-title-row .html-documents-content {
    font-size: 16px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

@media (min-width: 521px) {
  .html-c-documents .html-b-form-row-caption {
    max-width: 160px; }
  .html-c-documents .html-b-form-row-content {
    margin-left: -160px;
    padding-left: 160px; }
  .html-c-documents .html-documents-caption {
    display: inline-block;
    width: 100%;
    max-width: 160px; }
  .html-c-documents .html-documents-content {
    display: inline-block; } }

@media (min-width: 875px) {
  .html-c-documents .html-text-right {
    text-align: right; } }

.html-c-strikethrough-block .html-text-label {
  color: #919397; }

.html-c-strikethrough-block .html-is-passed .html-label {
  text-decoration: line-through; }

.html-c-tab-panel-extended .html-tab-header {
  display: none;
  margin: 10px 0;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }

.html-c-tab-panel-extended .html-tab-item {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.html-c-tab-panel-extended .html-tab-link {
  display: block;
  padding: 20px 10px;
  border-top: 3px solid #d7ecf8;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #0a7caf;
  background-color: #d7ecf8; }
  .html-c-tab-panel-extended .html-tab-link, .html-c-tab-panel-extended .html-tab-link:focus {
    outline: none;
    box-shadow: none; }
  .html-c-tab-panel-extended .html-tab-link:hover {
    color: #ff6000; }
  .html-c-tab-panel-extended .html-tab-link.pui-active {
    color: #ff6000;
    background-color: #ffffff;
    border-top-color: #ff6000;
    cursor: default; }

.html-c-tab-panel-extended .html-tab-link-heading {
  display: block;
  margin-bottom: 10px; }

.html-c-tab-panel-extended .html-tab-check-line {
  display: block;
  text-align: left;
  font-size: 13px;
  line-height: 1;
  padding-left: 20px;
  margin-bottom: 3px;
  color: #000000; }
  .html-c-tab-panel-extended .html-tab-check-line:before {
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.html-c-tab-panel-extended .html-tab-content {
  display: none;
  padding: 20px 10px 10px;
  background-color: #ffffff; }
  .html-c-tab-panel-extended .html-tab-content.pui-active {
    display: block; }

.html-c-tab-panel-extended .html-tab-header-combo .html-c-advanced-combo .html-select {
  min-height: 62px;
  background-position: right 4px top 0, 0 0;
  color: #ff6000; }

.html-c-tab-panel-extended .html-tab-header-combo .html-c-advanced-combo .html-item-line {
  color: #919397;
  font-size: 13px; }

.html-c-tab-panel-extended .html-tab-header-combo .html-c-advanced-combo .html-b-dropdown-items .html-b-dropdown-item.html-is-selected .html-item-line {
  color: #ffffff; }

.html-c-tab-panel-extended .html-tab-header-combo .html-c-advanced-combo .html-content.html-has-one-line {
  position: relative;
  height: 40px; }
  .html-c-tab-panel-extended .html-tab-header-combo .html-c-advanced-combo .html-content.html-has-one-line .html-item-label {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

@media (min-width: 421px) {
  .html-c-tab-panel-extended .html-tab-item {
    width: calc(50% - 20px);
    margin: 10px;
    vertical-align: top; }
  .html-c-tab-panel-extended .html-tab-link {
    height: 120px; }
  .html-c-tab-panel-extended .html-tab-link-content {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@media (min-width: 801px) {
  .html-c-tab-panel-extended .html-tab-item {
    width: 25%;
    margin: 0; }
  .html-c-tab-panel-extended .html-tab-header {
    display: block;
    text-align: left;
    margin: 0; }
  .html-c-tab-panel-extended .html-tab-header-combo {
    display: none; }
  .html-c-tab-panel-extended.html-has-2-tabs .html-tab-item {
    width: 50%; }
  .html-c-tab-panel-extended.html-has-3-tabs .html-tab-item {
    width: 33.3333%; } }

@media print {
  .html-c-tab-panel-extended .html-tab-header {
    display: block;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .html-c-tab-panel-extended .html-tab-item {
    margin-left: 0;
    margin-right: 0;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-tab-panel-extended .html-tab-header-combo {
    display: none; }
  .html-c-tab-panel-extended .html-tab-link-heading {
    text-align: left; }
  .html-c-tab-panel-extended .html-tab-check-line {
    padding-left: 0; }
  .html-c-tab-panel-extended.html-has-2-tabs .html-tab-item {
    width: 50%; }
  .html-c-tab-panel-extended.html-has-3-tabs .html-tab-item {
    width: 33.3333%; } }

.html-c-description-row .pui-remove {
  display: inline-block; }
  .html-c-description-row .pui-remove .html-button {
    width: 21px;
    height: 21px;
    padding: 0;
    background-color: transparent;
    background-image: url("../images/pui/csobpoj/icons/commons-close.png");
    background-image: url("../images/pui/csobpoj/icons/commons-close.svg"), none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden; }

.html-c-description-row .html-is-inline {
  display: inline-block; }

.html-c-description-row .html-text-gray {
  color: #919397; }

.html-c-account-number-input {
  position: relative;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-c-account-number-input .html-b-account-number {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-account-number-input .html-b-account-number .html-c-input-field, .html-c-account-number-input .html-b-account-number .html-c-date-picker {
      padding-right: 0; }
  .html-c-account-number-input .html-b-bank-code-divider {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-c-account-number-input .html-b-bank-code {
    margin-top: 10px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo {
      position: static;
      padding-right: 0; }
      .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-select {
        width: 95px; }
        .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-select .html-placeholder {
          color: #cccccc;
          -o-text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-select .html-bank-name {
          display: none; }
      .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-dropdown {
        left: 0;
        width: 100%; }
        .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-dropdown .html-content {
          font-family: pui-empty, Impact, Webdings;
          line-height: 0; }
          .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-dropdown .html-content .html-bank-name {
            display: inline-block;
            width: calc(100% - 50px);
            vertical-align: middle;
            font-family: "Roboto", "Arial", "Helvetica", sans-serif;
            -o-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-dropdown .html-content .html-bank-code {
            display: inline-block;
            margin-left: auto;
            width: 50px;
            vertical-align: middle;
            text-align: right;
            font-weight: bold;
            font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
      .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-search .html-c-input-field.html-search, .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-search .html-search.html-c-date-picker {
        padding-right: 0; }
  .html-c-account-number-input .html-c-information-tooltip.html-is-none {
    display: none; }

@media (min-width: 415px) {
  .html-c-account-number-input {
    display: inline-block; }
    .html-c-account-number-input .html-form-field {
      display: inline-block; }
    .html-c-account-number-input .html-b-account-number {
      display: inline-block;
      width: 175px; }
    .html-c-account-number-input .html-b-bank-code-divider {
      display: inline-block; }
    .html-c-account-number-input .html-b-bank-code {
      display: inline-block;
      margin-top: 0;
      width: 95px; }
      .html-c-account-number-input .html-b-bank-code .html-c-advanced-combo .html-b-dropdown {
        width: 100%; } }

.html-notification-row {
  padding: 20px 0;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .html-notification-row .html-c-text {
    display: block;
    font-size: 16px; }
  .html-notification-row .html-notification-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .html-notification-row .html-notification-icon:before {
      content: '';
      display: inline-block;
      width: 60px;
      height: 60px;
      vertical-align: middle; }
  .html-notification-row.html-notification-has-assessor.html-notification-is-ok .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-ok .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-ok .html-notification-icon:before {
      clip: rect(0px, 80px, 80px, 0px);
      -webkit-clip-path: polygon(0px 0px, 80px 0px, 80px 80px, 0px 80px);
      clip-path: polygon(0px 0px, 80px 0px, 80px 80px, 0px 80px);
      -webkit-transform: translate(-10px, -10px);
      -moz-transform: translate(-10px, -10px);
      -ms-transform: translate(-10px, -10px);
      -o-transform: translate(-10px, -10px);
      transform: translate(-10px, -10px); }
  .html-notification-row.html-notification-has-assessor.html-notification-is-waiting .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-waiting .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-waiting .html-notification-icon:before {
      clip: rect(0px, 160px, 80px, 80px);
      -webkit-clip-path: polygon(80px 0px, 160px 0px, 160px 80px, 80px 80px);
      clip-path: polygon(80px 0px, 160px 0px, 160px 80px, 80px 80px);
      -webkit-transform: translate(-90px, -10px);
      -moz-transform: translate(-90px, -10px);
      -ms-transform: translate(-90px, -10px);
      -o-transform: translate(-90px, -10px);
      transform: translate(-90px, -10px); }
  .html-notification-row.html-notification-has-assessor.html-notification-is-fail .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-fail .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-assessor.html-notification-is-fail .html-notification-icon:before {
      clip: rect(0px, 240px, 80px, 160px);
      -webkit-clip-path: polygon(160px 0px, 240px 0px, 240px 80px, 160px 80px);
      clip-path: polygon(160px 0px, 240px 0px, 240px 80px, 160px 80px);
      -webkit-transform: translate(-170px, -10px);
      -moz-transform: translate(-170px, -10px);
      -ms-transform: translate(-170px, -10px);
      -o-transform: translate(-170px, -10px);
      transform: translate(-170px, -10px); }
  .html-notification-row.html-notification-has-car.html-notification-is-ok .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-car.html-notification-is-ok .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-car.html-notification-is-ok .html-notification-icon:before {
      clip: rect(80px, 80px, 160px, 0px);
      -webkit-clip-path: polygon(0px 80px, 80px 80px, 80px 160px, 0px 160px);
      clip-path: polygon(0px 80px, 80px 80px, 80px 160px, 0px 160px);
      -webkit-transform: translate(-10px, -90px);
      -moz-transform: translate(-10px, -90px);
      -ms-transform: translate(-10px, -90px);
      -o-transform: translate(-10px, -90px);
      transform: translate(-10px, -90px); }
  .html-notification-row.html-notification-has-car.html-notification-is-waiting .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-car.html-notification-is-waiting .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-car.html-notification-is-waiting .html-notification-icon:before {
      clip: rect(80px, 160px, 160px, 80px);
      -webkit-clip-path: polygon(80px 80px, 160px 80px, 160px 160px, 80px 160px);
      clip-path: polygon(80px 80px, 160px 80px, 160px 160px, 80px 160px);
      -webkit-transform: translate(-90px, -90px);
      -moz-transform: translate(-90px, -90px);
      -ms-transform: translate(-90px, -90px);
      -o-transform: translate(-90px, -90px);
      transform: translate(-90px, -90px); }
  .html-notification-row.html-notification-has-property.html-notification-is-ok .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-property.html-notification-is-ok .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-property.html-notification-is-ok .html-notification-icon:before {
      clip: rect(160px, 80px, 240px, 0px);
      -webkit-clip-path: polygon(0px 160px, 80px 160px, 80px 240px, 0px 240px);
      clip-path: polygon(0px 160px, 80px 160px, 80px 240px, 0px 240px);
      -webkit-transform: translate(-10px, -170px);
      -moz-transform: translate(-10px, -170px);
      -ms-transform: translate(-10px, -170px);
      -o-transform: translate(-10px, -170px);
      transform: translate(-10px, -170px); }
  .html-notification-row.html-notification-has-property.html-notification-is-waiting .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-property.html-notification-is-waiting .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-property.html-notification-is-waiting .html-notification-icon:before {
      clip: rect(160px, 160px, 240px, 80px);
      -webkit-clip-path: polygon(80px 160px, 160px 160px, 160px 240px, 80px 240px);
      clip-path: polygon(80px 160px, 160px 160px, 160px 240px, 80px 240px);
      -webkit-transform: translate(-90px, -170px);
      -moz-transform: translate(-90px, -170px);
      -ms-transform: translate(-90px, -170px);
      -o-transform: translate(-90px, -170px);
      transform: translate(-90px, -170px); }
  .html-notification-row.html-notification-has-person.html-notification-is-ok .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-person.html-notification-is-ok .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-person.html-notification-is-ok .html-notification-icon:before {
      clip: rect(240px, 80px, 320px, 0px);
      -webkit-clip-path: polygon(0px 240px, 80px 240px, 80px 320px, 0px 320px);
      clip-path: polygon(0px 240px, 80px 240px, 80px 320px, 0px 320px);
      -webkit-transform: translate(-10px, -250px);
      -moz-transform: translate(-10px, -250px);
      -ms-transform: translate(-10px, -250px);
      -o-transform: translate(-10px, -250px);
      transform: translate(-10px, -250px); }
  .html-notification-row.html-notification-has-person.html-notification-is-waiting .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-person.html-notification-is-waiting .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-person.html-notification-is-waiting .html-notification-icon:before {
      clip: rect(240px, 160px, 320px, 80px);
      -webkit-clip-path: polygon(80px 240px, 160px 240px, 160px 320px, 80px 320px);
      clip-path: polygon(80px 240px, 160px 240px, 160px 320px, 80px 320px);
      -webkit-transform: translate(-90px, -250px);
      -moz-transform: translate(-90px, -250px);
      -ms-transform: translate(-90px, -250px);
      -o-transform: translate(-90px, -250px);
      transform: translate(-90px, -250px); }
  .html-notification-row.html-notification-has-documents.html-notification-is-ok .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-documents.html-notification-is-ok .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-documents.html-notification-is-ok .html-notification-icon:before {
      clip: rect(320px, 80px, 400px, 0px);
      -webkit-clip-path: polygon(0px 320px, 80px 320px, 80px 400px, 0px 400px);
      clip-path: polygon(0px 320px, 80px 320px, 80px 400px, 0px 400px);
      -webkit-transform: translate(-10px, -330px);
      -moz-transform: translate(-10px, -330px);
      -ms-transform: translate(-10px, -330px);
      -o-transform: translate(-10px, -330px);
      transform: translate(-10px, -330px); }
  .html-notification-row.html-notification-has-documents.html-notification-is-waiting .html-notification-icon {
    position: relative; }
    .html-notification-row.html-notification-has-documents.html-notification-is-waiting .html-notification-icon:before {
      content: url("../images/pui/csobpoj/sprites/sprite-notifications.svg");
      position: absolute;
      display: block;
      width: 240px;
      height: 400px;
      transform-origin: 0 0; }
    .html-notification-row.html-notification-has-documents.html-notification-is-waiting .html-notification-icon:before {
      clip: rect(320px, 160px, 400px, 80px);
      -webkit-clip-path: polygon(80px 320px, 160px 320px, 160px 400px, 80px 400px);
      clip-path: polygon(80px 320px, 160px 320px, 160px 400px, 80px 400px);
      -webkit-transform: translate(-90px, -330px);
      -moz-transform: translate(-90px, -330px);
      -ms-transform: translate(-90px, -330px);
      -o-transform: translate(-90px, -330px);
      transform: translate(-90px, -330px); }
  .html-notification-row .html-notification-content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .html-notification-row.html-notification-is-ok .html-c-text {
    color: #919397; }

.html-c-popover {
  position: relative;
  display: inline-block; }
  .html-c-popover .html-c-context-container {
    display: none;
    left: 0;
    right: auto;
    top: 40px; }
    .html-c-popover .html-c-context-container:before, .html-c-popover .html-c-context-container:after {
      right: auto;
      left: 23px; }
    .html-c-popover .html-c-context-container:before {
      margin-left: -1px; }
    .html-c-popover .html-c-context-container .html-b-slot ul li:last-child {
      margin-bottom: 9px;
      padding-bottom: 10px;
      border-bottom: 1px solid #dde0e4; }
    .html-c-popover .html-c-context-container .html-b-slot .html-c-button {
      display: inline-block;
      width: auto; }
  .html-c-popover.html-is-expanded .html-c-context-container {
    display: block; }

@media print {
  .pui-c-context-menu {
    display: none !important; } }

.squares {
  display: block;
  width: calc(100% - 20px);
  margin: 0 0 20px;
  padding: 20px 0 0;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .squares__items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -20px;
    margin-bottom: -20px; }
  .squares__item {
    flex: 0 1 50%;
    max-width: 50%;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent; }
  .squares__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    padding: 40px 20px 20px;
    background-color: #fff;
    text-decoration: none; }
    .squares__inner::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 20px;
      height: 16px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230A78A7' d='M5.6,42.2l-0.2,0h66.9l-21-21.1c-1-1-1.6-2.4-1.6-3.9s0.6-2.8,1.6-3.9l3.3-3.3c1-1,2.4-1.6,3.9-1.6 c1.5,0,2.8,0.6,3.9,1.6l36.1,36.1c1,1,1.6,2.4,1.6,3.9c0,1.5-0.6,2.8-1.6,3.9L62.3,89.9c-1,1-2.4,1.6-3.9,1.6 c-1.5,0-2.8-0.6-3.9-1.6l-3.3-3.3c-1-1-1.6-2.4-1.6-3.9c0-1.5,0.6-2.8,1.6-3.8l21.3-21.2H5.5c-3,0-5.5-2.6-5.5-5.6v-4.6 C0,44.6,2.6,42.2,5.6,42.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      transition: right 0.3s; }
  .squares__img {
    flex: 0 1 20%;
    max-width: 20%; }
    .squares__img img {
      display: inline-block;
      max-width: 100%;
      height: auto;
      vertical-align: middle; }
  .squares__content {
    flex: 0 1 80%;
    max-width: 80%;
    padding: 0 40px 0 20px; }
    .squares__content h4 {
      margin-bottom: 20px;
      font-size: 20px;
      line-height: 20px;
      font-weight: 400;
      color: #003366; }
    .squares__content p {
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      color: #686868; }
  .squares__inner:hover::after {
    right: 17px; }
  .squares__inner:hover h4 {
    text-decoration: underline; }
  @media (max-width: 880px) {
    .squares__items {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (max-width: 660px) {
    .squares__items {
      margin-left: 10px;
      margin-right: 20px; }
    .squares__item {
      flex: 0 1 100%;
      max-width: 100%;
      border-left: 0 solid transparent; } }
  @media (max-width: 546px) {
    .squares__items {
      margin-left: 0;
      margin-right: -10px; } }

.pui-is-negative {
  color: #d8020e; }

.has-control-menu .pdp-navbar-side {
  margin-top: 128px; }

.html-m-header {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0;
  width: 100%;
  height: 70px;
  min-width: 320px;
  padding: 10px 10px 0 10px;
  background-color: #ffffff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0;
  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0; }
  .html-m-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    z-index: -1; }
  .html-m-header.pui-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 989; }
  .html-m-header a {
    color: #000000;
    text-decoration: none; }
  .html-m-header a,
  .html-m-header .html-c-header-button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .html-m-header .html-b-header-content {
    max-width: 965px;
    text-align: right; }
    .html-m-header .html-b-header-content .html-c-header-button {
      position: relative; }
  .html-m-header .html-c-header-popup {
    position: absolute !important;
    z-index: 999;
    top: 42px;
    left: 0;
    transform: translateX(-102px);
    width: 250px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.07) 0 0 0 1px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms; }
    .html-m-header .html-c-header-popup__wrap {
      position: relative;
      padding: 15px 15px 15px 60px; }
    .html-m-header .html-c-header-popup__wrap::before, .html-m-header .html-c-header-popup__wrap::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0; }
    .html-m-header .html-c-header-popup__wrap::before {
      top: -15px;
      left: 106px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid rgba(0, 0, 0, 0.07); }
    .html-m-header .html-c-header-popup__wrap::after {
      top: -13px;
      left: 108px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #fff; }
    .html-m-header .html-c-header-popup__text {
      margin: 0;
      text-align: left;
      font-weight: bold; }
    .html-m-header .html-c-header-popup__text:first-child {
      margin-bottom: 10px;
      color: #0a7caf; }
    .html-m-header .html-c-header-popup.html-is-info {
      position: relative; }
      .html-m-header .html-c-header-popup.html-is-info:before {
        content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
        position: absolute;
        display: block;
        width: 250px;
        height: 150px;
        transform-origin: 0 0; }
      .html-m-header .html-c-header-popup.html-is-info:before {
        clip: rect(0px, 50px, 50px, 0px);
        -webkit-clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
        clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px); }
  .html-m-header .html-c-header-link:hover .html-c-header-popup {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms; }
  .html-m-header .html-b-header-logo {
    display: block;
    text-align: center; }
    .html-m-header .html-b-header-logo a {
      display: inline-block;
      margin-top: -5px;
      padding: 5px; }
  .html-m-header .html-b-header-nav {
    position: absolute;
    left: 0;
    top: 70px;
    height: 70px;
    width: 100%;
    min-width: 320px;
    padding: 15px 10px;
    background-color: #f6f7f8;
    -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px 0;
    z-index: -2;
    -webkit-transition: top 300ms;
    -moz-transition: top 300ms;
    -o-transition: top 300ms;
    transition: top 300ms; }
    .html-m-header .html-b-header-nav.pui-toggle-on {
      top: 70px; }
    .html-m-header .html-b-header-nav.pui-toggle-off {
      top: -3px; }
  .html-m-header .html-b-header-controls {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0;
    height: 40px;
    text-align: right;
    padding-left: 0;
    list-style: none; }
  .html-m-header .html-c-header-link,
  .html-m-header .html-c-header-combo {
    position: relative;
    display: inline-block;
    height: 100%;
    margin-right: 8px;
    padding-right: 8px;
    vertical-align: middle; }
    .html-m-header .html-c-header-link:last-child,
    .html-m-header .html-c-header-combo:last-child {
      margin-right: -2px;
      padding-right: 0;
      border-right: 0 none; }
  .html-m-header .pui-log-out {
    margin-left: 4px; }
    .html-m-header .pui-log-out .html-b-header-button-label {
      display: none; }
  .html-m-header .pui-header-message {
    margin-left: 4px;
    border-right: 1px solid #d0d4d9; }
    .html-m-header .pui-header-message .html-b-header-button-label {
      position: absolute !important;
      left: -9999px !important;
      top: auto !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important; }
    .html-m-header .pui-header-message .html-c-header-button {
      width: 41px;
      height: 41px;
      background-image: url(../images/pui/csobpoj/icons/commons-envelope-header.svg);
      background-size: 36px 36px;
      background-position: 0 -3px;
      background-repeat: no-repeat; }
  .html-m-header .html-c-header-combo {
    border-right: 1px solid #d0d4d9; }
  .html-m-header .pui-header-user .html-c-header-button {
    padding-left: 32px; }
    .html-m-header .pui-header-user .html-c-header-button .pui-user-name-full,
    .html-m-header .pui-header-user .html-c-header-button .pui-user-name-short {
      display: none; }
  .html-m-header .pui-header-contact .html-c-header-button {
    padding-left: 34px; }
    .html-m-header .pui-header-contact .html-c-header-button .html-b-header-button-label,
    .html-m-header .pui-header-contact .html-c-header-button .html-b-header-button-sublabel {
      display: none; }
  .html-m-header .html-c-header-button.pui-navigation-toggle {
    left: 10px;
    position: relative; }
    .html-m-header .html-c-header-button.pui-navigation-toggle:before {
      content: url("../images/pui/csobpoj/sprites/sprite-header-toggle.svg");
      position: absolute;
      display: block;
      width: 160px;
      height: 40px;
      transform-origin: 0 0; }
    .html-m-header .html-c-header-button.pui-navigation-toggle:before {
      clip: rect(0px, 40px, 40px, 0px);
      -webkit-clip-path: polygon(0px 0px, 40px 0px, 40px 40px, 0px 40px);
      clip-path: polygon(0px 0px, 40px 0px, 40px 40px, 0px 40px);
      -webkit-transform: translate(0px, 0px);
      -moz-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }
    .html-m-header .html-c-header-button.pui-navigation-toggle.pui-toggle-on:before {
      clip: rect(0px, 80px, 40px, 40px);
      -webkit-clip-path: polygon(40px 0px, 80px 0px, 80px 40px, 40px 40px);
      clip-path: polygon(40px 0px, 80px 0px, 80px 40px, 40px 40px);
      -webkit-transform: translate(-40px, 0px);
      -moz-transform: translate(-40px, 0px);
      -ms-transform: translate(-40px, 0px);
      -o-transform: translate(-40px, 0px);
      transform: translate(-40px, 0px); }
  .html-m-header .html-c-header-button.pui-header-controls-toggle {
    right: 10px;
    position: relative; }
    .html-m-header .html-c-header-button.pui-header-controls-toggle:before {
      content: url("../images/pui/csobpoj/sprites/sprite-header-toggle.svg");
      position: absolute;
      display: block;
      width: 160px;
      height: 40px;
      transform-origin: 0 0; }
    .html-m-header .html-c-header-button.pui-header-controls-toggle:before {
      clip: rect(0px, 120px, 40px, 80px);
      -webkit-clip-path: polygon(80px 0px, 120px 0px, 120px 40px, 80px 40px);
      clip-path: polygon(80px 0px, 120px 0px, 120px 40px, 80px 40px);
      -webkit-transform: translate(-80px, 0px);
      -moz-transform: translate(-80px, 0px);
      -ms-transform: translate(-80px, 0px);
      -o-transform: translate(-80px, 0px);
      transform: translate(-80px, 0px); }
    .html-m-header .html-c-header-button.pui-header-controls-toggle.pui-toggle-on:before {
      clip: rect(0px, 160px, 40px, 120px);
      -webkit-clip-path: polygon(120px 0px, 160px 0px, 160px 40px, 120px 40px);
      clip-path: polygon(120px 0px, 160px 0px, 160px 40px, 120px 40px);
      -webkit-transform: translate(-120px, 0px);
      -moz-transform: translate(-120px, 0px);
      -ms-transform: translate(-120px, 0px);
      -o-transform: translate(-120px, 0px);
      transform: translate(-120px, 0px); }
  .html-m-header .html-c-header-button.pui-navigation-toggle, .html-m-header .html-c-header-button.pui-header-controls-toggle {
    display: block;
    position: absolute;
    top: 15px;
    width: 40px;
    padding: 0;
    overflow: hidden; }
    .html-m-header .html-c-header-button.pui-navigation-toggle:before, .html-m-header .html-c-header-button.pui-header-controls-toggle:before {
      left: 0;
      top: 0; }

.menu-is-hidden .html-m-header .html-c-header-button.pui-navigation-toggle {
  display: none; }

@media (min-width: 561px) {
  .html-m-header {
    padding: 15px 15px 0 15px; }
    .html-m-header .html-b-header-nav {
      display: inline-block;
      position: static;
      top: 0;
      left: 0;
      height: auto;
      width: auto;
      padding: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .html-m-header .html-b-header-logo {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 9px;
      margin-left: 80px;
      vertical-align: top; }
    .html-m-header .pui-log-out {
      margin-left: 0; }
      .html-m-header .pui-log-out:last-child {
        margin-right: -10px; }
    .html-m-header .html-c-header-button.pui-header-controls-toggle {
      display: none; }
  .menu-is-hidden .html-m-header .html-b-header-logo {
    margin-left: 20px; } }

@media (min-width: 701px) {
  .html-m-header .pui-log-out .html-c-header-button {
    padding-left: 40px;
    padding-right: 10px; }
    .html-m-header .pui-log-out .html-c-header-button .html-b-header-button-label {
      display: block; } }

@media (min-width: 761px) {
  .html-m-header .pui-header-contact .html-c-header-button {
    padding-left: 45px; }
    .html-m-header .pui-header-contact .html-c-header-button .html-b-header-button-label,
    .html-m-header .pui-header-contact .html-c-header-button .html-b-header-button-sublabel {
      display: block; } }

@media (min-width: 861px) {
  .html-m-header .pui-user-info {
    display: none; }
  .html-m-header .pui-header-user .html-c-header-button {
    padding-left: 45px; } }

@media (min-width: 901px) {
  .html-m-header .pui-header-user .html-c-header-button .pui-user-name-full {
    display: block; } }

@media (max-width: 900px) and (min-width: 861px) {
  .html-m-header .pui-header-user .html-c-header-button .pui-user-name-short {
    display: block; } }

@media (min-width: 1021px) {
  .html-m-header .html-c-header-button.pui-navigation-toggle {
    display: none; }
  .html-m-header .html-b-header-logo {
    margin-left: 40px; } }

@media (min-width: 1101px) {
  .html-m-header .html-b-header-content {
    max-width: 1065px; } }

@media print {
  .html-m-header.pui-header-fixed {
    position: relative;
    width: auto;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    background-color: transparent;
    border-bottom: 1px solid #919397; }
    .html-m-header.pui-header-fixed .html-c-header-button.pui-navigation-toggle {
      display: none; }
    .html-m-header.pui-header-fixed .html-b-header-nav {
      display: none; }
    .html-m-header.pui-header-fixed .html-b-header-content {
      text-align: left; }
    .html-m-header.pui-header-fixed .html-b-header-logo {
      top: 0;
      margin-left: 0; }
      .html-m-header.pui-header-fixed .html-b-header-logo a {
        margin: 0;
        padding: 0; } }

html {
  position: relative;
  min-height: 100vh; }

.pdp-content-container {
  width: 100%;
  min-width: 320px;
  max-width: 860px;
  min-height: 500px;
  margin-top: 70px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px; }

@media (min-width: 581px) {
  .pdp-content-container {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 881px) {
  .pdp-content-container {
    width: 860px;
    max-width: 860px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1021px) {
  .pdp-content-container {
    width: 840px;
    max-width: 840px;
    margin-left: 160px;
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1121px) {
  .pdp-content-container {
    margin-left: 260px; } }

@media print {
  body:before {
    content: none; }
  .pdp-content-container {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0; } }

.pui-m-footer {
  max-width: 820px;
  min-width: 300px;
  margin-top: 70px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  border-top: 1px solid #c8e0eb;
  font-family: pui-empty, Impact, Webdings;
  line-height: 0; }
  .pui-m-footer .pui-b-footer-info {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .pui-m-footer .pui-b-footer-info p {
      margin-bottom: 20px;
      padding: 0;
      color: #000000;
      line-height: 15px; }
  .pui-m-footer .pui-b-footer-social {
    margin-bottom: 20px;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-footer .pui-youtube,
  .pui-m-footer .pui-facebook,
  .pui-m-footer .pui-guide {
    height: 40px;
    margin: 0 20px 0 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-m-footer .pui-youtube,
  .pui-m-footer .pui-facebook {
    display: inline-block;
    width: 40px;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden; }
  .pui-m-footer .pui-guide {
    display: none;
    background-image: url("../images/pui/csobpoj/icons/intro-launch.png");
    background-image: url("../images/pui/csobpoj/icons/intro-launch.svg"), none; }
  .pui-m-footer .pui-youtube {
    background-image: url("../images/pui/csobpoj/icons/social-youtube.png");
    background-image: url("../images/pui/csobpoj/icons/social-youtube.svg"), none; }
  .pui-m-footer .pui-facebook {
    background-image: url("../images/pui/csobpoj/icons/social-facebook.png");
    background-image: url("../images/pui/csobpoj/icons/social-facebook.svg"), none; }
  .pui-m-footer .pui-b-footer-links {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .pui-m-footer .pui-b-footer-links ul {
      display: inline-block;
      width: 100%;
      margin: 0 0 20px 0;
      padding: 0;
      vertical-align: top;
      list-style-type: none;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
      .pui-m-footer .pui-b-footer-links ul li {
        margin-bottom: 9px;
        line-height: 16px; }
        .pui-m-footer .pui-b-footer-links ul li a {
          color: #0a7caf;
          text-decoration: none; }
          .pui-m-footer .pui-b-footer-links ul li a:focus, .pui-m-footer .pui-b-footer-links ul li a:hover {
            text-decoration: underline; }

@media (min-width: 521px) {
  .pui-m-footer .pui-b-footer-links ul {
    width: 50%; }
    .pui-m-footer .pui-b-footer-links ul li:first-of-type {
      padding-right: 20px; } }

@media (min-width: 769px) {
  .pui-m-footer .pui-b-footer-info {
    float: left;
    max-width: 50%; }
  .pui-m-footer .pui-b-footer-links {
    max-width: 50%;
    text-align: right; }
    .pui-m-footer .pui-b-footer-links ul {
      width: 160px;
      margin: 0 0 20px 20px;
      text-align: left; }
      .pui-m-footer .pui-b-footer-links ul li:first-of-type {
        padding-right: 0; } }

@media (min-width: 861px) {
  .pui-m-footer {
    width: 820px;
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 1001px) {
  .pui-m-footer {
    margin-left: 160px; }
    .pui-m-footer .pui-guide {
      display: inline-block;
      padding-left: 50px;
      color: #0a7caf;
      line-height: 40px;
      text-decoration: none; }
      .pui-m-footer .pui-guide:focus, .pui-m-footer .pui-guide:hover {
        text-decoration: underline; } }

@media (min-width: 1121px) {
  .pui-m-footer {
    margin-left: 260px; } }

@media print {
  .pui-m-footer {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    min-height: 0;
    border-top: 1px solid #919397;
    box-shadow: none; }
    .pui-m-footer .pui-b-footer-social,
    .pui-m-footer .pui-b-footer-links {
      display: none; } }

.has-control-menu .html-m-navigation-main .html-has-children .html-b-submenu {
  margin-top: 0; }

.has-control-menu .html-m-navigation-main.html-is-navbar-side {
  top: 126px;
  margin-top: 0; }

.html-m-navigation-main {
  z-index: 5100;
  position: absolute;
  left: 0;
  top: 70px;
  margin-top: 0;
  background-color: #e4f3fc;
  -webkit-transition: margin-left 0.3s, transform 0.3s;
  -moz-transition: margin-left 0.3s, transform 0.3s;
  -o-transition: margin-left 0.3s, transform 0.3s;
  transition: margin-left 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .html-m-navigation-main.pui-menu-hidden,
  .html-m-navigation-main .pui-menu-hidden {
    display: none; }
  .html-m-navigation-main .html-b-expand-area {
    z-index: 200;
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
    left: 0; }
  .html-m-navigation-main .html-b-menu-wrapper {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.3s cubic-bezier(0.62,0.28,0.23,0.99);
    -moz-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.3s cubic-bezier(0.62,0.28,0.23,0.99);
    -o-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.3s cubic-bezier(0.62,0.28,0.23,0.99);
    transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.3s cubic-bezier(0.62,0.28,0.23,0.99);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.62, 0.28, 0.23, 0.99), opacity 0.3s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17);
    box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
    .html-m-navigation-main .html-b-menu-wrapper.pui-no-events {
      z-index: -1; }
  .html-m-navigation-main .html-b-button-navmenu {
    z-index: 120;
    position: absolute;
    -webkit-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.1s cubic-bezier(0.62,0.28,0.23,0.99);
    -moz-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.1s cubic-bezier(0.62,0.28,0.23,0.99);
    -o-transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.1s cubic-bezier(0.62,0.28,0.23,0.99);
    transition: transform 0.3s cubic-bezier(0.62,0.28,0.23,0.99), opacity 0.1s cubic-bezier(0.62,0.28,0.23,0.99);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.62, 0.28, 0.23, 0.99), opacity 0.1s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    transition-delay: 0s, 0.2s;
    -webkit-transition-delay: 0s, 0.2s;
    -moz-transition-delay: 0s, 0.2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
    .html-m-navigation-main .html-b-button-navmenu.html-is-button-hidden {
      opacity: 0;
      transition-delay: 0s, 0s;
      -webkit-transition-delay: 0s, 0s;
      -moz-transition-delay: 0s, 0s; }
    .html-m-navigation-main .html-b-button-navmenu .html-b-button-wrap {
      width: 160px;
      height: 60px; }
    .html-m-navigation-main .html-b-button-navmenu .html-b-button {
      z-index: 100;
      display: block;
      width: 140px;
      padding: 0 0 0 50px;
      color: #0a7caf;
      font-size: 14px;
      line-height: 60px;
      position: relative; }
      .html-m-navigation-main .html-b-button-navmenu .html-b-button:before {
        content: url("../images/pui/csobpoj/sprites/sprite-menu.svg");
        position: absolute;
        display: block;
        width: 615px;
        height: 123px;
        transform-origin: 0 0; }
      .html-m-navigation-main .html-b-button-navmenu .html-b-button:before {
        clip: rect(0px, 82px, 41px, 41px);
        -webkit-clip-path: polygon(41px 0px, 82px 0px, 82px 41px, 41px 41px);
        clip-path: polygon(41px 0px, 82px 0px, 82px 41px, 41px 41px);
        -webkit-transform: translate(-46px, -5px);
        -moz-transform: translate(-46px, -5px);
        -ms-transform: translate(-46px, -5px);
        -o-transform: translate(-46px, -5px);
        transform: translate(-46px, -5px); }
      .html-m-navigation-main .html-b-button-navmenu .html-b-button:before {
        left: 10px;
        top: 50%;
        margin-top: -15px; }
      .html-m-navigation-main .html-b-button-navmenu .html-b-button:hover {
        color: #0a7caf; }
  .html-m-navigation-main .html-b-navigation-root:focus {
    outline: none; }
  .html-m-navigation-main.html-is-navbar-side {
    bottom: 0;
    width: 160px;
    height: auto; }
    .html-m-navigation-main.html-is-navbar-side, .html-m-navigation-main.html-is-navbar-side.pui-toggle-off {
      margin-left: -160px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .html-m-navigation-main.html-is-navbar-side.pui-toggle-on {
      margin-left: 0;
      -webkit-box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17);
      box-shadow: 15px -5px 18px -2px rgba(0, 0, 0, 0.17); }
    .html-m-navigation-main.html-is-navbar-side.pui-collapsed {
      z-index: 980;
      background-color: transparent;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
      .html-m-navigation-main.html-is-navbar-side.pui-collapsed .html-b-button-navmenu .html-b-button {
        position: relative; }
        .html-m-navigation-main.html-is-navbar-side.pui-collapsed .html-b-button-navmenu .html-b-button:before {
          content: url("../images/pui/csobpoj/sprites/sprite-menu.svg");
          position: absolute;
          display: block;
          width: 615px;
          height: 123px;
          transform-origin: 0 0; }
        .html-m-navigation-main.html-is-navbar-side.pui-collapsed .html-b-button-navmenu .html-b-button:before {
          clip: rect(0px, 41px, 41px, 0px);
          -webkit-clip-path: polygon(0px 0px, 41px 0px, 41px 41px, 0px 41px);
          clip-path: polygon(0px 0px, 41px 0px, 41px 41px, 0px 41px);
          -webkit-transform: translate(-5px, -5px);
          -moz-transform: translate(-5px, -5px);
          -ms-transform: translate(-5px, -5px);
          -o-transform: translate(-5px, -5px);
          transform: translate(-5px, -5px); }
      .html-m-navigation-main.html-is-navbar-side.pui-collapsed.html-is-navigation-base .html-b-button-navmenu {
        opacity: 0; }
      .html-m-navigation-main.html-is-navbar-side.pui-collapsed .html-b-menu-item.pui-active > .html-b-menu-wrapper {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-left: 0; }
    .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root,
    .html-m-navigation-main.html-is-navbar-side .html-b-submenu {
      width: 160px;
      height: 100%;
      background-color: #e4f3fc;
      color: #0a7caf;
      margin: 0;
      padding: 0;
      list-style: none; }
      .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > *,
      .html-m-navigation-main.html-is-navbar-side .html-b-submenu > * {
        margin: 0;
        padding: 0; }
    .html-m-navigation-main.html-is-navbar-side a {
      display: block;
      line-height: 15px;
      padding: 15px 0 15px 15px;
      margin-top: -1px;
      overflow: hidden;
      background-repeat: no-repeat;
      font-size: 14px;
      color: #0a7caf;
      text-decoration: none; }
      .html-m-navigation-main.html-is-navbar-side a:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .html-m-navigation-main.html-is-navbar-side a:active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .html-m-navigation-main.html-is-navbar-side a:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 30px;
        vertical-align: middle; }
      .html-m-navigation-main.html-is-navbar-side a .html-b-label {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0 15px 0 0;
        line-height: 15px;
        vertical-align: middle; }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item {
      width: 140px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #c8e0eb;
      overflow: hidden;
      cursor: pointer; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-focused-keyboard {
        -webkit-box-shadow: inset 5px 0 0 0 #ff6000;
        -moz-box-shadow: inset 5px 0 0 0 #ff6000;
        box-shadow: inset 5px 0 0 0 #ff6000; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item:hover {
        background-color: #c8e0eb; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-active {
        border-bottom-color: #ff6000; }
        .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-active > a {
          color: #ff6000; }
        .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-active > .html-b-menu-wrapper {
          -webkit-transform: translateX(160px);
          -moz-transform: translateX(160px);
          -ms-transform: translateX(160px);
          -o-transform: translateX(160px);
          transform: translateX(160px);
          opacity: 1; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled > a, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled > a:hover, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled > a:focus {
        color: #77b8d6;
        cursor: default; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-is-external > a .html-b-label:before {
        clip: rect(82px, 123px, 123px, 82px);
        -webkit-clip-path: polygon(82px 82px, 123px 82px, 123px 123px, 82px 123px);
        clip-path: polygon(82px 82px, 123px 82px, 123px 123px, 82px 123px);
        -webkit-transform: translate(-95px, -95px);
        -moz-transform: translate(-95px, -95px);
        -ms-transform: translate(-95px, -95px);
        -o-transform: translate(-95px, -95px);
        transform: translate(-95px, -95px); }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children > a .html-b-label:before, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children:hover > a .html-b-label:before, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children:focus > a .html-b-label:before, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children.pui-active > a .html-b-label:before, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children.pui-active:hover > a .html-b-label:before, .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.html-is-disabled.html-has-children.pui-active:focus > a .html-b-label:before {
        clip: rect(82px, 164px, 123px, 123px);
        -webkit-clip-path: polygon(123px 82px, 164px 82px, 164px 123px, 123px 123px);
        clip-path: polygon(123px 82px, 164px 82px, 164px 123px, 123px 123px);
        -webkit-transform: translate(-136px, -95px);
        -moz-transform: translate(-136px, -95px);
        -ms-transform: translate(-136px, -95px);
        -o-transform: translate(-136px, -95px);
        transform: translate(-136px, -95px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-submenu {
      padding-bottom: 80px;
      padding-left: 0; }
      .html-m-navigation-main.html-is-navbar-side .html-b-submenu.pui-no-events {
        pointer-events: none;
        z-index: -1; }
    .html-m-navigation-main.html-is-navbar-side .html-has-children > a .html-b-label,
    .html-m-navigation-main.html-is-navbar-side .html-is-external > a .html-b-label {
      position: relative; }
      .html-m-navigation-main.html-is-navbar-side .html-has-children > a .html-b-label:before,
      .html-m-navigation-main.html-is-navbar-side .html-is-external > a .html-b-label:before {
        content: url("../images/pui/csobpoj/sprites/sprite-menu.svg");
        position: absolute;
        display: block;
        width: 615px;
        height: 123px;
        transform-origin: 0 0; }
      .html-m-navigation-main.html-is-navbar-side .html-has-children > a .html-b-label:before,
      .html-m-navigation-main.html-is-navbar-side .html-is-external > a .html-b-label:before {
        clip: rect(-41px, 0px, 0px, -41px);
        -webkit-clip-path: polygon(-41px -41px, 0px -41px, 0px 0px, -41px 0px);
        clip-path: polygon(-41px -41px, 0px -41px, 0px 0px, -41px 0px);
        -webkit-transform: translate(28px, 28px);
        -moz-transform: translate(28px, 28px);
        -ms-transform: translate(28px, 28px);
        -o-transform: translate(28px, 28px);
        transform: translate(28px, 28px); }
      .html-m-navigation-main.html-is-navbar-side .html-has-children > a .html-b-label:before,
      .html-m-navigation-main.html-is-navbar-side .html-is-external > a .html-b-label:before {
        left: 100%;
        margin-left: -17px;
        top: 50%;
        margin-top: -7px; }
    .html-m-navigation-main.html-is-navbar-side .html-is-external > a .html-b-label:before {
      clip: rect(0px, 123px, 41px, 82px);
      -webkit-clip-path: polygon(82px 0px, 123px 0px, 123px 41px, 82px 41px);
      clip-path: polygon(82px 0px, 123px 0px, 123px 41px, 82px 41px);
      -webkit-transform: translate(-95px, -13px);
      -moz-transform: translate(-95px, -13px);
      -ms-transform: translate(-95px, -13px);
      -o-transform: translate(-95px, -13px);
      transform: translate(-95px, -13px); }
    .html-m-navigation-main.html-is-navbar-side .html-has-children > a .html-b-label:before {
      clip: rect(0px, 164px, 41px, 123px);
      -webkit-clip-path: polygon(123px 0px, 164px 0px, 164px 41px, 123px 41px);
      clip-path: polygon(123px 0px, 164px 0px, 164px 41px, 123px 41px);
      -webkit-transform: translate(-136px, -13px);
      -moz-transform: translate(-136px, -13px);
      -ms-transform: translate(-136px, -13px);
      -o-transform: translate(-136px, -13px);
      transform: translate(-136px, -13px); }
    .html-m-navigation-main.html-is-navbar-side .html-has-children.pui-active > a .html-b-label:before {
      clip: rect(41px, 164px, 82px, 123px);
      -webkit-clip-path: polygon(123px 41px, 164px 41px, 164px 82px, 123px 82px);
      clip-path: polygon(123px 41px, 164px 41px, 164px 82px, 123px 82px);
      -webkit-transform: translate(-136px, -54px);
      -moz-transform: translate(-136px, -54px);
      -ms-transform: translate(-136px, -54px);
      -o-transform: translate(-136px, -54px);
      transform: translate(-136px, -54px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item {
      /* TODO Enable od Disable arrow on top level */
      /*
                &.html-has-children > a .html-b-label,
                &.html-is-external > a .html-b-label {
                    &:before {
                        // hide icons for external links or submenu on top level
                        content: none;
                    }
                }
                */ }
      .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item > a {
        padding-left: 60px;
        position: relative; }
        .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item > a:before {
          content: url("../images/pui/csobpoj/sprites/sprite-menu.svg");
          position: absolute;
          display: block;
          width: 615px;
          height: 123px;
          transform-origin: 0 0; }
        .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item > a:before {
          clip: rect(-41px, 0px, 0px, -41px);
          -webkit-clip-path: polygon(-41px -41px, 0px -41px, 0px 0px, -41px 0px);
          clip-path: polygon(-41px -41px, 0px -41px, 0px 0px, -41px 0px);
          -webkit-transform: translate(36px, 36px);
          -moz-transform: translate(36px, 36px);
          -ms-transform: translate(36px, 36px);
          -o-transform: translate(36px, 36px);
          transform: translate(36px, 36px); }
        .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item > a:before {
          left: 10px;
          top: 50%;
          margin-top: -15px; }
        .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root > .html-b-menu-item > a .html-b-label {
          padding-right: 0; }
    .html-m-navigation-main.html-is-navbar-side .html-b-submenu {
      padding-top: 60px; }
      .html-m-navigation-main.html-is-navbar-side .html-b-submenu:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 59px;
        width: 140px;
        height: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #c8e0eb; }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-home > a:before {
      clip: rect(0px, 205px, 41px, 164px);
      -webkit-clip-path: polygon(164px 0px, 205px 0px, 205px 41px, 164px 41px);
      clip-path: polygon(164px 0px, 205px 0px, 205px 41px, 164px 41px);
      -webkit-transform: translate(-169px, -5px);
      -moz-transform: translate(-169px, -5px);
      -ms-transform: translate(-169px, -5px);
      -o-transform: translate(-169px, -5px);
      transform: translate(-169px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-home.pui-active > a:before {
      clip: rect(41px, 205px, 82px, 164px);
      -webkit-clip-path: polygon(164px 41px, 205px 41px, 205px 82px, 164px 82px);
      clip-path: polygon(164px 41px, 205px 41px, 205px 82px, 164px 82px);
      -webkit-transform: translate(-169px, -46px);
      -moz-transform: translate(-169px, -46px);
      -ms-transform: translate(-169px, -46px);
      -o-transform: translate(-169px, -46px);
      transform: translate(-169px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-products > a:before {
      clip: rect(0px, 492px, 41px, 451px);
      -webkit-clip-path: polygon(451px 0px, 492px 0px, 492px 41px, 451px 41px);
      clip-path: polygon(451px 0px, 492px 0px, 492px 41px, 451px 41px);
      -webkit-transform: translate(-456px, -5px);
      -moz-transform: translate(-456px, -5px);
      -ms-transform: translate(-456px, -5px);
      -o-transform: translate(-456px, -5px);
      transform: translate(-456px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-products.pui-active > a:before {
      clip: rect(41px, 492px, 82px, 451px);
      -webkit-clip-path: polygon(451px 41px, 492px 41px, 492px 82px, 451px 82px);
      clip-path: polygon(451px 41px, 492px 41px, 492px 82px, 451px 82px);
      -webkit-transform: translate(-456px, -46px);
      -moz-transform: translate(-456px, -46px);
      -ms-transform: translate(-456px, -46px);
      -o-transform: translate(-456px, -46px);
      transform: translate(-456px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-damage-reporting > a:before {
      clip: rect(0px, 615px, 41px, 574px);
      -webkit-clip-path: polygon(574px 0px, 615px 0px, 615px 41px, 574px 41px);
      clip-path: polygon(574px 0px, 615px 0px, 615px 41px, 574px 41px);
      -webkit-transform: translate(-579px, -5px);
      -moz-transform: translate(-579px, -5px);
      -ms-transform: translate(-579px, -5px);
      -o-transform: translate(-579px, -5px);
      transform: translate(-579px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-damage-reporting.pui-active > a:before {
      clip: rect(41px, 615px, 82px, 574px);
      -webkit-clip-path: polygon(574px 41px, 615px 41px, 615px 82px, 574px 82px);
      clip-path: polygon(574px 41px, 615px 41px, 615px 82px, 574px 82px);
      -webkit-transform: translate(-579px, -46px);
      -moz-transform: translate(-579px, -46px);
      -ms-transform: translate(-579px, -46px);
      -o-transform: translate(-579px, -46px);
      transform: translate(-579px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-insurance-agreement > a:before {
      clip: rect(0px, 287px, 41px, 246px);
      -webkit-clip-path: polygon(246px 0px, 287px 0px, 287px 41px, 246px 41px);
      clip-path: polygon(246px 0px, 287px 0px, 287px 41px, 246px 41px);
      -webkit-transform: translate(-251px, -5px);
      -moz-transform: translate(-251px, -5px);
      -ms-transform: translate(-251px, -5px);
      -o-transform: translate(-251px, -5px);
      transform: translate(-251px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-insurance-agreement.pui-active > a:before {
      clip: rect(41px, 287px, 82px, 246px);
      -webkit-clip-path: polygon(246px 41px, 287px 41px, 287px 82px, 246px 82px);
      clip-path: polygon(246px 41px, 287px 41px, 287px 82px, 246px 82px);
      -webkit-transform: translate(-251px, -46px);
      -moz-transform: translate(-251px, -46px);
      -ms-transform: translate(-251px, -46px);
      -o-transform: translate(-251px, -46px);
      transform: translate(-251px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-messages > a:before {
      clip: rect(0px, 697px, 41px, 656px);
      -webkit-clip-path: polygon(656px 0px, 697px 0px, 697px 41px, 656px 41px);
      clip-path: polygon(656px 0px, 697px 0px, 697px 41px, 656px 41px);
      -webkit-transform: translate(-661px, -5px);
      -moz-transform: translate(-661px, -5px);
      -ms-transform: translate(-661px, -5px);
      -o-transform: translate(-661px, -5px);
      transform: translate(-661px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-messages.pui-active > a:before {
      clip: rect(41px, 697px, 82px, 656px);
      -webkit-clip-path: polygon(656px 41px, 697px 41px, 697px 82px, 656px 82px);
      clip-path: polygon(656px 41px, 697px 41px, 697px 82px, 656px 82px);
      -webkit-transform: translate(-661px, -46px);
      -moz-transform: translate(-661px, -46px);
      -ms-transform: translate(-661px, -46px);
      -o-transform: translate(-661px, -46px);
      transform: translate(-661px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-comments > a:before {
      clip: rect(0px, 656px, 41px, 615px);
      -webkit-clip-path: polygon(615px 0px, 656px 0px, 656px 41px, 615px 41px);
      clip-path: polygon(615px 0px, 656px 0px, 656px 41px, 615px 41px);
      -webkit-transform: translate(-620px, -5px);
      -moz-transform: translate(-620px, -5px);
      -ms-transform: translate(-620px, -5px);
      -o-transform: translate(-620px, -5px);
      transform: translate(-620px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-my-comments.pui-active > a:before {
      clip: rect(41px, 656px, 82px, 615px);
      -webkit-clip-path: polygon(615px 41px, 656px 41px, 656px 82px, 615px 82px);
      clip-path: polygon(615px 41px, 656px 41px, 656px 82px, 615px 82px);
      -webkit-transform: translate(-620px, -46px);
      -moz-transform: translate(-620px, -46px);
      -ms-transform: translate(-620px, -46px);
      -o-transform: translate(-620px, -46px);
      transform: translate(-620px, -46px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-settings > a:before {
      clip: rect(0px, 533px, 41px, 492px);
      -webkit-clip-path: polygon(492px 0px, 533px 0px, 533px 41px, 492px 41px);
      clip-path: polygon(492px 0px, 533px 0px, 533px 41px, 492px 41px);
      -webkit-transform: translate(-497px, -5px);
      -moz-transform: translate(-497px, -5px);
      -ms-transform: translate(-497px, -5px);
      -o-transform: translate(-497px, -5px);
      transform: translate(-497px, -5px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-settings.pui-active > a:before {
      clip: rect(41px, 533px, 82px, 492px);
      -webkit-clip-path: polygon(492px 41px, 533px 41px, 533px 82px, 492px 82px);
      clip-path: polygon(492px 41px, 533px 41px, 533px 82px, 492px 82px);
      -webkit-transform: translate(-497px, -46px);
      -moz-transform: translate(-497px, -46px);
      -ms-transform: translate(-497px, -46px);
      -o-transform: translate(-497px, -46px);
      transform: translate(-497px, -46px); }

@media (min-width: 1021px) {
  .html-m-navigation-main.html-is-navbar-side, .html-m-navigation-main.html-is-navbar-side.pui-toggle-on, .html-m-navigation-main.html-is-navbar-side.pui-toggle-off {
    margin-left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .html-m-navigation-main.html-is-navbar-side.pui-focused, .html-m-navigation-main.html-is-navbar-side:focus {
    border: none;
    -webkit-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6);
    outline: none; } }

@media (min-width: 1121px) {
  .html-m-navigation-main .html-b-button-navmenu .html-b-button {
    width: 220px; }
  .html-m-navigation-main .html-b-button-navmenu .html-b-button-wrap {
    width: 240px; }
  .html-m-navigation-main.html-is-navbar-side {
    width: 240px; }
    .html-m-navigation-main.html-is-navbar-side .html-b-navigation-root,
    .html-m-navigation-main.html-is-navbar-side .html-b-submenu {
      width: 240px; }
    .html-m-navigation-main.html-is-navbar-side .html-b-menu-item {
      width: 220px; }
      .html-m-navigation-main.html-is-navbar-side .html-b-menu-item.pui-active > .html-b-menu-wrapper {
        -webkit-transform: translateX(240px);
        -moz-transform: translateX(240px);
        -ms-transform: translateX(240px);
        -o-transform: translateX(240px);
        transform: translateX(240px); }
    .html-m-navigation-main.html-is-navbar-side .html-b-submenu:before {
      width: 220px; } }

@media print {
  .html-m-navigation-main {
    display: none; } }

.pui-m-products-dashboard {
  overflow: visible; }
  .pui-m-products-dashboard.pui-is-product-count-0 {
    display: none; }
  .pui-m-products-dashboard.pui-is-product-count-1 .html-c-product-info {
    display: block; }
  .pui-m-products-dashboard.pui-is-product-count-2 .html-c-product-info {
    display: block;
    margin-bottom: 10px; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-product-info {
    margin: 0 0 10px 0;
    text-align: left; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-content {
    height: auto; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-header {
    position: relative; }
  .pui-m-products-dashboard .html-b-products-list {
    font-size: 0; }
    .pui-m-products-dashboard .html-b-products-list.html-is-overflow-visible {
      overflow: visible; }
    .pui-m-products-dashboard .html-b-products-list.html-is-overflow-hidden {
      overflow: hidden; }
  .pui-m-products-dashboard .pui-c-page-section {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0;
    overflow: visible; }
  .pui-m-products-dashboard .html-b-products-scrollbox {
    position: relative; }
    .pui-m-products-dashboard .html-b-products-scrollbox.html-is-transition {
      -webkit-transition: margin 500ms cubic-bezier(0, 0, 0, 1.01);
      -moz-transition: margin 500ms cubic-bezier(0, 0, 0, 1.01);
      -o-transition: margin 500ms cubic-bezier(0, 0, 0, 1.01);
      transition: margin 500ms cubic-bezier(0, 0, 0, 1.01); }
    .pui-m-products-dashboard .html-b-products-scrollbox .html-b-products-list-group {
      display: inline-block;
      position: absolute;
      top: 0;
      margin-right: 20px; }
      .pui-m-products-dashboard .html-b-products-scrollbox .html-b-products-list-group.html-is-group-visible {
        display: inline-block; }
      .pui-m-products-dashboard .html-b-products-scrollbox .html-b-products-list-group.html-is-group-hidden {
        display: none; }
  .pui-m-products-dashboard .html-b-page-section-content {
    position: relative;
    background: transparent; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-footer .pui-button-more {
    display: none; }
  .pui-m-products-dashboard.pui-is-product-count-multiple.pui-slider-expanded .html-b-page-section-footer .pui-button-more {
    display: block; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-footer {
    position: relative;
    height: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-left: 60px;
    background-color: #d7ecf8;
    text-align: center;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-products-dashboard .html-b-slider-steps {
    display: table-cell;
    height: 60px;
    vertical-align: middle; }
  .pui-m-products-dashboard .html-b-dots {
    text-align: center; }
    .pui-m-products-dashboard .html-b-dots span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      background-color: #919397;
      overflow: hidden;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .pui-m-products-dashboard .html-b-dots span.html-is-current {
        background-color: #686868; }
  .pui-m-products-dashboard .html-b-slider-controls {
    display: table;
    width: 100%;
    margin-top: -10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .pui-m-products-dashboard .html-b-next,
  .pui-m-products-dashboard .html-b-prev {
    display: block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 60px;
    vertical-align: middle;
    cursor: pointer;
    text-indent: 40px;
    white-space: nowrap;
    overflow: hidden; }
    .pui-m-products-dashboard .html-b-next.html-is-disabled,
    .pui-m-products-dashboard .html-b-prev.html-is-disabled {
      opacity: 0.2;
      cursor: auto; }
    .pui-m-products-dashboard .html-b-next:before,
    .pui-m-products-dashboard .html-b-prev:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin: -10px 0 0 -10px;
      background-image: url("../images/pui/csobpoj/sprites/sprite-slider-control.svg");
      background-repeat: no-repeat;
      background-position: -5px -5px; }
  .pui-m-products-dashboard .html-b-prev {
    left: 0; }
    .pui-m-products-dashboard .html-b-prev:before {
      background-position: -5px -5px; }
    .pui-m-products-dashboard .html-b-prev:hover:before {
      background-position: -5px -35px; }
    .pui-m-products-dashboard .html-b-prev:hover.html-is-disabled:before {
      background-position: -5px -5px; }
  .pui-m-products-dashboard .html-b-next {
    right: 0; }
    .pui-m-products-dashboard .html-b-next:before {
      background-position: -35px -5px; }
    .pui-m-products-dashboard .html-b-next:hover:before {
      background-position: -35px -35px; }
    .pui-m-products-dashboard .html-b-next:hover.html-is-disabled:before {
      background-position: -35px -5px; }
  .pui-m-products-dashboard .pui-button-more .html-text[data-text-show-all]:after {
    content: attr(data-text-show-all); }
  .pui-m-products-dashboard.pui-slider-expanded .pui-button-more .html-text[data-text-show-less]:after {
    content: attr(data-text-show-less); }
  .pui-m-products-dashboard .pui-button-more {
    position: absolute;
    right: 20px; }
    .pui-m-products-dashboard .pui-button-more .html-text {
      display: block;
      text-indent: -1000px;
      white-space: nowrap;
      overflow: hidden; }
    .pui-m-products-dashboard .pui-button-more .html-button:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-14px, -14px);
      -moz-transform: translate(-14px, -14px);
      -ms-transform: translate(-14px, -14px);
      -o-transform: translate(-14px, -14px);
      transform: translate(-14px, -14px);
      width: 28px;
      height: 28px;
      background-image: url("../images/pui/csobpoj/sprites/sprite-button-toggle.svg");
      background-repeat: no-repeat;
      background-position: -28px -28px; }
  .pui-m-products-dashboard.pui-slider-expanded .pui-button-more .html-button:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-button-toggle.svg");
    background-repeat: no-repeat;
    background-position: -28px 0px; }
  .pui-m-products-dashboard .pui-button-more,
  .pui-m-products-dashboard .pui-button-shownext {
    top: 15px; }
  .pui-m-products-dashboard .pui-b-owner {
    top: 60px; }
  .pui-m-products-dashboard .pui-reported-events-table table {
    width: 100%;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff;
    border-top: none;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-m-products-dashboard .html-has-state-icon:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: top;
    margin-right: 10px; }
  .pui-m-products-dashboard .html-has-state-icon.html-is-state-prepared:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
    background-repeat: no-repeat;
    background-position: -4px -4px; }
  .pui-m-products-dashboard .html-has-state-icon.html-is-state-progress:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
    background-repeat: no-repeat;
    background-position: -34px -4px; }
  .pui-m-products-dashboard .html-has-state-icon.html-is-state-success:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
    background-repeat: no-repeat;
    background-position: -64px -4px; }
  .pui-m-products-dashboard .html-has-state-icon.html-is-state-all:before {
    background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
    background-repeat: no-repeat;
    background-position: -124px -4px; }

@media (min-width: 421px) {
  .pui-m-products-dashboard.pui-is-product-count-1 .html-c-product-info {
    display: block; } }

@media (min-width: 661px) {
  .pui-m-products-dashboard.pui-is-product-count-1 .html-b-page-section-content, .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content {
    height: auto; }
  .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content .html-c-product-info {
      display: inline-block;
      width: calc(50% - 10px);
      max-width: 400px; }
      .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content .html-c-product-info:first-child {
        margin-right: 20px; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-products-list-group {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-product-info {
    display: inline-block;
    width: calc(50% - 10px);
    max-width: 400px;
    margin-bottom: 20px; }
    .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-product-info:nth-child(2n + 1) {
      margin-right: 20px; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-footer {
    margin-top: -20px; } }

@media (min-width: 881px) {
  .pui-m-products-dashboard .html-c-product-info {
    width: 400px; }
  .pui-m-products-dashboard.pui-is-product-count-2 .html-c-product-info {
    display: inline-block;
    width: 400px; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-c-product-info:nth-child(2n + 1) {
      margin-right: 20px; }
  .pui-m-products-dashboard.pui-is-product-count-multiple {
    margin-right: 20px; }
    .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-product-info {
      width: 400px; }
    .pui-m-products-dashboard.pui-is-product-count-multiple .pui-button-more {
      top: 10px; }
      .pui-m-products-dashboard.pui-is-product-count-multiple .pui-button-more .html-text {
        display: inline; }
      .pui-m-products-dashboard.pui-is-product-count-multiple .pui-button-more .html-button {
        padding: 8px 19px 9px 19px;
        font-size: 14px; }
        .pui-m-products-dashboard.pui-is-product-count-multiple .pui-button-more .html-button:before {
          display: none; } }

@media print {
  .pui-m-products-dashboard.pui-is-product-count-1 {
    width: 50vw; }
    .pui-m-products-dashboard.pui-is-product-count-1 .html-c-page-section {
      width: 100%;
      max-width: 100%; }
      .pui-m-products-dashboard.pui-is-product-count-1 .html-c-page-section .html-c-product-info {
        width: 100%;
        max-width: 100%; }
  .pui-m-products-dashboard .html-b-products-scrollbox {
    width: 100% !important; }
    .pui-m-products-dashboard .html-b-products-scrollbox .html-b-products-list-group.html-is-group-visible {
      width: 100% !important; }
  .pui-m-products-dashboard.pui-is-product-count-2, .pui-m-products-dashboard.pui-is-product-count-multiple {
    display: block;
    width: 100vw;
    margin-right: 0;
    overflow: unset; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-footer, .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-footer {
      display: none; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-b-products-list, .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-products-list {
      height: 240px !important; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-c-page-section, .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-page-section {
      width: 100vw !important;
      max-width: 100% !important; }
    .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content .html-c-product-info, .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-content .html-c-product-info {
      max-width: 50% !important;
      width: 100% !important; }
  .pui-m-products-dashboard.pui-is-product-count-2 .html-b-page-section-content .html-c-product-info:first-child {
    margin-right: 0; }
  .pui-m-products-dashboard.pui-is-product-count-multiple .html-b-page-section-content .html-c-product-info:nth-child(2n+1) {
    margin-right: 0; } }

.pui-m-dashboard-top .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-dashboard-main {
  font-family: pui-empty, Impact, Webdings;
  line-height: 0;
  display: flex;
  max-width: 840px;
  flex-wrap: wrap;
  justify-content: initial; }
  .pui-m-dashboard-main .html-c-page-section {
    width: calc(100vw - 20px);
    max-width: 460px;
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    vertical-align: top;
    text-align: left;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-m-dashboard-main .html-b-page-section-header h2 {
    color: #0a7caf;
    font-size: 21px;
    font-weight: normal; }
  .pui-m-dashboard-main .html-b-page-section-header .badges {
    margin-left: 15px; }

@media (min-width: 320px) {
  .pui-m-dashboard-main {
    justify-content: center; } }

@media (min-width: 581px) {
  .pui-m-dashboard-main {
    width: calc(100vw - 20px); } }

@media (min-width: 661px) {
  .pui-m-dashboard-main {
    justify-content: flex-start;
    margin-left: -10px; }
    .pui-m-dashboard-main .html-c-page-section {
      width: calc(50vw - 30px);
      max-width: 400px; }
      .pui-m-dashboard-main .html-c-page-section.html-is-header-hidden .html-b-page-section-content {
        height: 280px; }
    .pui-m-dashboard-main .html-b-page-section-content {
      height: 220px;
      min-height: 100%; }
    .pui-m-dashboard-main .portlet-dropzone > * {
      display: inline-block;
      vertical-align: top; }
  .pui-m-products-dashboard.pui-is-product-count-2 .html-c-page-section, .pui-m-products-dashboard.pui-is-product-count-multiple .html-c-page-section {
    width: calc(100vw - 40px);
    max-width: 820px; } }

@media (min-width: 881px) {
  .pui-m-dashboard-main {
    display: block;
    margin-left: 0;
    width: 840px;
    text-align: left; }
    .pui-m-dashboard-main .html-c-page-section {
      width: 400px;
      margin-left: 0;
      margin-right: 20px; }
  .pui-is-product-count-2 .html-c-page-section,
  .pui-is-product-count-multiple .html-c-page-section {
    width: 820px;
    max-width: 100%;
    height: auto;
    margin-right: 0; } }

@media print {
  .pui-m-dashboard-main {
    width: 100%;
    max-width: 100%; }
    .pui-m-dashboard-main .html-b-page-section-header h2 {
      color: #000000; }
    .pui-m-dashboard-main .html-b-page-section-content {
      text-align: left; }
    .pui-m-dashboard-main .html-c-page-section {
      width: 50vw;
      max-width: calc(50vw - 20px);
      border: 1px solid #919397; }
      .pui-m-dashboard-main .html-c-page-section .html-b-page-section-header {
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #919397; } }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-b-product-tile-container {
  display: block;
  margin-bottom: 20px; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info {
  vertical-align: top; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-c-context-container {
    width: 200px;
    font-size: 14px; }
    .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-c-context-container .html-b-slot ul li {
      margin-bottom: 7px;
      padding-bottom: 8px; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-product-alias a {
    color: #0a7caf; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-product-info-row {
    display: table;
    width: 100%; }
    .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-product-info-row.html-has-error .html-b-item-label {
      position: relative;
      color: #c50101;
      text-align: left;
      padding-left: 20px; }
      .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-product-info-row.html-has-error .html-b-item-label a {
        color: #c50101; }
      .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-product-info-row.html-has-error .html-b-item-label:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c50101;
        left: 0;
        top: 5px; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-item-count,
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-item-label {
    display: table-cell; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-product-info .html-b-item-label {
    margin-left: 0;
    padding-left: 0; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-b-product-alias {
  color: #0099cc; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-c-contact-adding {
  padding: 20px; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-vertical-margin {
  margin: 20px 0; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-list ul {
  list-style: none;
  padding-left: 0; }
  .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-list ul li {
    padding: 20px 0;
    border-bottom: 1px solid #dde0e4; }
    .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-list ul li a {
      color: #0a7caf;
      text-decoration: none;
      font-size: 16px; }
    .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-list ul li:first-child {
      padding-top: 0; }
    .pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-list ul li:last-child {
      border-bottom: 0; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-image img {
  width: 100%;
  height: auto; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content .html-has-text-right {
  text-align: right; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content > .html-c-text {
  padding: 20px; }

.pui-m-dashboard-main.pui-is-home .html-b-page-section-content > .html-has-table {
  padding-top: 10px; }

.pui-m-dashboard-main.pui-is-home .html-c-form.html-has-no-header {
  padding: 20px; }

.home .html-c-overlay.html-has-full-width .html-b-overlay {
  max-width: 840px; }

.home .html-c-overlay .html-b-form-content {
  padding-top: 20px; }

.pui-m-product-detail {
  display: block !important;
  padding: 0 20px;
  background-color: #ffffff; }
  .pui-m-product-detail .html-c-product-info {
    margin-left: -20px;
    margin-right: -20px; }
  .pui-m-product-detail .html-b-settings-panel-header {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .pui-m-product-detail .html-b-settings-panel-header h4 {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif;
      margin-bottom: 0;
      font-size: 16px; }
    .pui-m-product-detail .html-b-settings-panel-header .html-c-display-toggle {
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .pui-m-product-detail .html-b-settings-panel.pui-collapsible .html-b-settings-panel-header {
    padding: 14px 80px 14px 20px; }
  .pui-m-product-detail .html-b-settings-panel.pui-expanded .html-b-settings-panel-header {
    border-top-color: #dde0e4;
    border-bottom-color: #dde0e4; }
  .pui-m-product-detail .html-b-settings-panel.pui-collapsed .html-b-settings-panel-header {
    background-color: #f1f9fe;
    border-bottom-color: #ffffff; }
  .pui-m-product-detail .html-b-settings-panel.pui-collapsed .html-c-form-row-set {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .pui-m-product-detail .html-b-settings-panel.pui-collapsed:last-child .html-b-settings-panel-header {
    border-bottom-color: transparent; }
  .pui-m-product-detail .html-b-settings-panel.pui-collapsed + .pui-expanded .html-b-settings-panel-header {
    border-top-color: transparent; }
  .pui-m-product-detail .html-b-settings-panel.pui-header-hidden .html-b-settings-panel-header {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }
  .pui-m-product-detail .pui-product-info-table table {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    width: 100%;
    text-align: left;
    font-size: 16px; }
  .pui-m-product-detail .pui-product-info-table tr {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #dde0e4; }
  .pui-m-product-detail .pui-product-info-table .pui-controls {
    width: 40px; }
  .pui-m-product-detail .html-c-form-row {
    display: table;
    width: 100%;
    min-width: 0; }
    .pui-m-product-detail .html-c-form-row:last-child {
      border-bottom-color: transparent; }
    .pui-m-product-detail .html-c-form-row .html-b-form-row-caption,
    .pui-m-product-detail .html-c-form-row .html-b-form-row-content {
      display: table-cell;
      width: auto; }
    .pui-m-product-detail .html-c-form-row .html-b-form-row-content {
      padding-left: 0;
      text-align: right; }
    .pui-m-product-detail .html-c-form-row .html-frm-auto {
      margin-right: 0; }
      .pui-m-product-detail .html-c-form-row .html-frm-auto + .html-frm-auto {
        margin-left: 20px; }

@media (max-width: 414px) {
  .pui-m-product-detail .pui-product-info-table.pui-linear-only table {
    width: 100%; }
    .pui-m-product-detail .pui-product-info-table.pui-linear-only table thead,
    .pui-m-product-detail .pui-product-info-table.pui-linear-only table thead tr,
    .pui-m-product-detail .pui-product-info-table.pui-linear-only table thead th,
    .pui-m-product-detail .pui-product-info-table.pui-linear-only table thead td {
      display: block;
      height: 0;
      overflow: hidden;
      border: 0 none;
      padding: 0; }
    .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody {
      display: block; }
      .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody tr {
        display: block; }
      .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody th,
      .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody td {
        display: block; }
        .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody th:before,
        .pui-m-product-detail .pui-product-info-table.pui-linear-only table tbody td:before {
          content: attr(data-th);
          display: block; }
  .pui-m-product-detail .pui-product-info-table.pui-linear-only.pui-has-controls tr {
    position: relative; }
  .pui-m-product-detail .pui-product-info-table.pui-linear-only.pui-has-controls .pui-controls {
    position: absolute;
    top: 5px;
    right: 0; }
  .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody tr {
    padding-bottom: 9px; }
    .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody tr + tr {
      margin-top: 10px; }
    .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody tr:last-child {
      padding-bottom: 0;
      border-bottom: 0 none; }
  .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody th:before,
  .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody td:before {
    color: #686868;
    font-size: 14px; }
  .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody th + td,
  .pui-m-product-detail .pui-product-info-table.pui-linear-only tbody td + td {
    margin-top: 10px; } }

@media (min-width: 415px) {
  .pui-m-product-detail .pui-product-info-table th,
  .pui-m-product-detail .pui-product-info-table td {
    padding: 10px 10px 9px 0; }
  .pui-m-product-detail .pui-product-info-table thead th,
  .pui-m-product-detail .pui-product-info-table thead td {
    text-align: left;
    font-weight: bold; }
  .pui-m-product-detail .html-c-form-row .pui-product-info-table {
    margin-top: -11px;
    margin-bottom: -11px; }
    .pui-m-product-detail .html-c-form-row .pui-product-info-table tbody tr:last-child {
      border-bottom: 0 none; }
    .pui-m-product-detail .html-c-form-row .pui-product-info-table .pui-controls {
      padding-right: 0; }
    .pui-m-product-detail .html-c-form-row .pui-product-info-table thead .pui-value,
    .pui-m-product-detail .html-c-form-row .pui-product-info-table thead .pui-controls,
    .pui-m-product-detail .html-c-form-row .pui-product-info-table tbody .pui-value,
    .pui-m-product-detail .html-c-form-row .pui-product-info-table tbody .pui-controls {
      text-align: right; }
    .pui-m-product-detail .html-c-form-row .pui-product-info-table .pui-controls {
      padding-top: 0;
      padding-bottom: 0; } }

.pui-m-my-contract-details .html-c-product-info {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -15px;
  margin-bottom: -15px;
  padding-right: 20px; }

.pui-m-my-contract-details .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0; }
  .pui-m-my-contract-details .html-c-form-row:last-child {
    border-bottom-color: transparent; }
  .pui-m-my-contract-details .html-c-form-row .html-b-form-row-caption,
  .pui-m-my-contract-details .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .pui-m-my-contract-details .html-c-form-row .html-b-form-row-content {
    padding-left: 0;
    text-align: right; }
  .pui-m-my-contract-details .html-c-form-row .html-frm-auto {
    margin-right: 0; }
    .pui-m-my-contract-details .html-c-form-row .html-frm-auto + .html-frm-auto {
      margin-left: 20px; }

.pui-m-my-contract-details .html-b-form-controls {
  padding-bottom: 20px; }

.pui-m-my-contract-details .html-c-form {
  margin-top: 20px; }

.pui-m-my-contract-details .html-is-paid {
  color: #82b800; }

.pui-m-my-contracts.pui-is-detail .html-c-product-info {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -15px;
  margin-bottom: -15px; }
  .pui-m-my-contracts.pui-is-detail .html-c-product-info.html-is-product-detail-header {
    padding-bottom: 0; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel-header {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  padding: 15px 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #d7ecf8; }
  .pui-m-my-contracts.pui-is-detail .html-b-settings-panel-header h4 {
    margin-bottom: 0;
    font-size: 16px; }
  .pui-m-my-contracts.pui-is-detail .html-b-settings-panel-header .html-c-display-toggle {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-collapsible .html-b-settings-panel-header {
  padding: 14px 80px 14px 20px; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-expanded .html-b-settings-panel-header {
  border-top-color: #dde0e4;
  border-bottom-color: #dde0e4; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-collapsed .html-b-settings-panel-header {
  background-color: #d7ecf8;
  border-bottom-color: #ffffff; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-collapsed .pui-table {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-collapsed:last-child .html-b-settings-panel-header {
  border-bottom-color: transparent; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-collapsed + .pui-expanded .html-b-settings-panel-header {
  border-top-color: transparent; }

.pui-m-my-contracts.pui-is-detail .html-b-settings-panel.pui-header-hidden .html-b-settings-panel-header {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.pui-m-my-contracts.pui-is-detail .pui-table table {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.pui-m-my-contracts.pui-is-detail .pui-table tr {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #dde0e4; }

.pui-m-my-contracts.pui-is-detail .pui-table tfoot tr:last-child td {
  border-bottom: 1px solid transparent; }

.pui-m-my-contracts.pui-is-detail .pui-table tr,
.pui-m-my-contracts.pui-is-detail .pui-table td {
  padding-left: 0;
  padding-right: 0; }

.pui-m-my-contracts.pui-is-detail .pui-table .pui-controls {
  width: 40px; }

.pui-m-my-contracts.pui-is-detail .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0;
  border-bottom-color: #dde0e4; }
  .pui-m-my-contracts.pui-is-detail .html-c-form-row:last-child {
    border-bottom-color: transparent; }
  .pui-m-my-contracts.pui-is-detail .html-c-form-row .html-b-form-row-caption,
  .pui-m-my-contracts.pui-is-detail .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .pui-m-my-contracts.pui-is-detail .html-c-form-row .html-b-form-row-content {
    padding-left: 0;
    text-align: right; }
  .pui-m-my-contracts.pui-is-detail .html-c-form-row .html-frm-auto {
    margin-right: 0; }
    .pui-m-my-contracts.pui-is-detail .html-c-form-row .html-frm-auto + .html-frm-auto {
      margin-left: 20px; }

.pui-m-my-contracts.pui-is-detail .html-b-form-controls {
  padding-bottom: 20px; }

.pui-m-my-contracts.pui-is-detail .html-c-form {
  margin-top: 20px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.pui-m-my-contracts.pui-is-detail .html-b-form-section-header {
  color: #000000; }

.pui-m-my-contracts.pui-is-detail .html-is-paid {
  color: #82b800; }

@media (min-width: 569px) {
  .pui-m-my-contracts.pui-is-detail .pui-table .pui-value {
    text-align: right; }
  .pui-m-my-contracts.pui-is-detail .pui-table tr,
  .pui-m-my-contracts.pui-is-detail .pui-table td {
    padding-left: 10px;
    padding-right: 10px; }
  .pui-m-my-contracts.pui-is-detail .pui-table th:first-child,
  .pui-m-my-contracts.pui-is-detail .pui-table td:first-child {
    padding-left: 0; }
  .pui-m-my-contracts.pui-is-detail .pui-table th:last-child,
  .pui-m-my-contracts.pui-is-detail .pui-table td:last-child {
    padding-right: 0; } }

@media print {
  .pui-m-my-contracts.pui-is-detail .html-c-product-info.html-is-product-detail-header {
    border-top: 1px solid #919397; }
  .pui-m-my-contracts.pui-is-detail .html-c-form .html-b-settings-panel-header {
    border-bottom: 1px solid #919397; }
  .pui-m-my-contracts.pui-is-detail .html-c-button {
    display: none; } }

.pui-m-my-contract-list {
  text-align: center; }
  .pui-m-my-contract-list .html-c-page-section {
    max-width: 500px;
    margin: 0 auto; }
  .pui-m-my-contract-list.pui-is-full-width .html-b-page-section-content .html-b-product-tile-container {
    display: block;
    width: 100%; }
  .pui-m-my-contract-list .html-b-page-section-header {
    max-width: 460px;
    text-align: left; }
    .pui-m-my-contract-list .html-b-page-section-header h2 {
      color: #434548;
      font-size: 21px;
      font-weight: normal; }
  .pui-m-my-contract-list .html-b-page-section-content {
    background-color: transparent;
    text-align: left; }
    .pui-m-my-contract-list .html-b-page-section-content .html-b-product-tile-container {
      display: block;
      margin-bottom: 20px; }
    .pui-m-my-contract-list .html-b-page-section-content .html-b-product-alias {
      color: #0099cc; }
  .pui-m-my-contract-list .html-b-page-section-footer .html-c-form-controls .html-b-primary-action,
  .pui-m-my-contract-list .html-b-page-section-footer .html-c-form-controls .html-b-secondary-action {
    margin-top: 0; }
  .pui-m-my-contract-list .html-b-page-section-footer .html-c-form-controls .html-b-secondary-action {
    margin-top: 0;
    margin-bottom: 40px;
    white-space: nowrap; }

@media (min-width: 769px) {
  .pui-m-my-contract-list {
    text-align: left; }
    .pui-m-my-contract-list .html-b-page-section-header {
      max-width: 100%; }
    .pui-m-my-contract-list .html-c-page-section {
      max-width: 100%;
      margin: 0; }
    .pui-m-my-contract-list .html-b-page-section-content {
      margin-right: -20px;
      font-family: pui-empty, Impact, Webdings;
      line-height: 0; }
      .pui-m-my-contract-list .html-b-page-section-content .html-b-product-tile-container {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
        .pui-m-my-contract-list .html-b-page-section-content .html-b-product-tile-container .html-b-product-tile-item {
          display: block;
          width: auto;
          margin-right: 20px; } }

@media print {
  .pui-m-my-contract-list .html-c-page-section {
    max-width: 100%;
    margin: 0; }
  .pui-m-my-contract-list .html-b-page-section-header {
    max-width: 100%; }
  .pui-m-my-contract-list .html-b-page-section-content {
    margin-right: -20px;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .pui-m-my-contract-list .html-b-page-section-content .html-c-sticker {
      left: 0; }
    .pui-m-my-contract-list .html-b-page-section-content .html-b-product-tile-container {
      display: inline-block;
      width: 50%;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
      .pui-m-my-contract-list .html-b-page-section-content .html-b-product-tile-container .html-b-product-tile-item {
        display: block;
        width: auto;
        margin-right: 20px; }
    .pui-m-my-contract-list .html-b-page-section-content .html-c-product-info {
      padding-left: 0;
      padding-right: 0; }
  .pui-m-my-contract-list .html-b-page-section-footer .html-c-form-controls {
    display: none; } }

.pui-m-arranging-insurance {
  display: flex;
  width: 100%;
  max-width: 820px;
  flex-wrap: wrap;
  justify-content: center; }
  .pui-m-arranging-insurance .html-c-page-section {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    max-width: 400px; }
    .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content {
      padding: 40px 20px 20px; }
      .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-no-sticker {
        padding-top: 20px; }
      .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns {
        padding: 0; }
        .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns .html-has-text {
          padding: 20px; }
        .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns .html-has-image img {
          max-width: 100%; }
    .pui-m-arranging-insurance .html-c-page-section .html-c-sticker {
      position: absolute;
      top: 0;
      left: 20px; }
    .pui-m-arranging-insurance .html-c-page-section .html-is-orange {
      color: #ff6000;
      margin-bottom: 10px; }
  .pui-m-arranging-insurance .pui-is-tile-count-2 {
    width: 400px; }
    .pui-m-arranging-insurance .pui-is-tile-count-2 .html-c-page-section .html-b-page-section-footer {
      padding: 0 20px 20px;
      background: #fff; }

@media (min-width: 801px) {
  .pui-m-arranging-insurance {
    display: block; }
    .pui-m-arranging-insurance .html-c-page-section {
      display: inline-block;
      width: auto;
      max-width: none; }
      .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns {
        font-family: pui-empty, Impact, Webdings;
        line-height: 0;
        line-height: 0;
        height: 250px; }
        .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns .pui-half-width {
          display: inline-block;
          width: calc(50% - 10px);
          height: 250px;
          font-family: "Roboto", "Arial", "Helvetica", sans-serif;
          line-height: 20px; }
          .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns .pui-half-width:first-child {
            margin-right: 20px; }
          .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-content.html-has-2-columns .pui-half-width.html-has-text {
            vertical-align: top; }
      .pui-m-arranging-insurance .html-c-page-section .html-b-page-section-footer.html-text-is-center {
        text-align: center; }
    .pui-m-arranging-insurance .pui-is-tile-count-2 {
      width: auto;
      font-family: pui-empty, Impact, Webdings;
      line-height: 0; }
      .pui-m-arranging-insurance .pui-is-tile-count-2 .html-c-page-section {
        width: calc(50% - 10px);
        margin-right: 20px;
        max-width: 400px;
        font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
        .pui-m-arranging-insurance .pui-is-tile-count-2 .html-c-page-section .html-b-page-section-content {
          height: 190px; }
        .pui-m-arranging-insurance .pui-is-tile-count-2 .html-c-page-section:last-child {
          margin-right: 0; } }

.pui-m-my-contracts.pui-is-investment-settings .pui-table table {
  width: 100%; }

.pui-is-settings-dashboard .html-c-form {
  margin-top: 20px; }

.pui-is-settings-dashboard .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0; }
  .pui-is-settings-dashboard .html-c-form-row .html-b-form-row-caption,
  .pui-is-settings-dashboard .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .pui-is-settings-dashboard .html-c-form-row .html-b-form-row-content {
    padding-left: 0;
    text-align: right; }
  .pui-is-settings-dashboard .html-c-form-row .html-frm-auto {
    margin-right: 0; }
    .pui-is-settings-dashboard .html-c-form-row .html-frm-auto + .html-frm-auto {
      margin-left: 20px; }

.pui-m-settings.pui-form-result .html-c-info-panel.html-is-success {
  margin: -20px -10px 0;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #3d8d0c;
  border-color: #3d8d0c;
  color: #ffffff;
  position: relative; }
  .pui-m-settings.pui-form-result .html-c-info-panel.html-is-success:before {
    content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
    position: absolute;
    display: block;
    width: 250px;
    height: 150px;
    transform-origin: 0 0; }
  .pui-m-settings.pui-form-result .html-c-info-panel.html-is-success:before {
    clip: rect(0px, 100px, 50px, 50px);
    -webkit-clip-path: polygon(50px 0px, 100px 0px, 100px 50px, 50px 50px);
    clip-path: polygon(50px 0px, 100px 0px, 100px 50px, 50px 50px);
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  @media (min-width: 581px) {
    .pui-m-settings.pui-form-result .html-c-info-panel.html-is-success {
      margin: -20px -20px 0; } }

.pui-m-settings .pui-is-change-contact-table .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0; }
  .pui-m-settings .pui-is-change-contact-table .html-c-form-row .html-b-form-row-caption, .pui-m-settings .pui-is-change-contact-table .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .pui-m-settings .pui-is-change-contact-table .html-c-form-row .html-b-form-row-content {
    text-align: right; }

.pui-m-settings .html-c-form-row-set > .html-c-form-row:last-child {
  border-bottom: 0; }

.pui-m-settings .html-b-settings-panel.pui-collapsed .pui-collapsible-content {
  display: none; }

.pui-m-settings .html-b-settings-panel .html-frm-slot {
  position: relative; }

.pui-m-settings .html-b-settings-panel .html-c-display-toggle {
  position: absolute;
  right: 0; }

.pui-m-quick-navigation {
  margin-top: 10px;
  text-align: center; }

.pui-quick-navigation-wrapper .html-c-button {
  display: inline-block;
  margin: 10px 5px; }

.pui-m-settings-alternative .html-c-page-section {
  margin-bottom: 20px; }
  .pui-m-settings-alternative .html-c-page-section .html-b-page-section-header {
    position: relative; }
    .pui-m-settings-alternative .html-c-page-section .html-b-page-section-header .html-c-button {
      position: absolute;
      top: 15px;
      right: 20px; }
  .pui-m-settings-alternative .html-c-page-section .html-b-page-section-content {
    padding: 20px; }
    .pui-m-settings-alternative .html-c-page-section .html-b-page-section-content .html-c-info-panel {
      margin-bottom: 20px; }
      .pui-m-settings-alternative .html-c-page-section .html-b-page-section-content .html-c-info-panel:last-child {
        margin-bottom: 0; }

.pui-m-settings-alternative .html-c-heading.pui-is-level-2 {
  margin: 30px 0 20px; }

.pui-m-settings-alternative .html-c-product-info.html-is-product-detail-header {
  padding-right: 20px;
  padding-top: 50px; }
  .pui-m-settings-alternative .html-c-product-info.html-is-product-detail-header .html-b-product-info-main {
    height: auto; }
  .pui-m-settings-alternative .html-c-product-info.html-is-product-detail-header .html-b-product-status {
    padding-bottom: 0; }

.pui-m-settings-alternative > .html-c-info-panel {
  margin-bottom: 20px; }

@media (min-width: 521px) {
  .pui-m-settings-alternative .pui-is-table-view .html-b-form-row-content, .pui-m-settings-alternative .html-b-settings-panel .html-b-form-row-content {
    text-align: right; } }

.pui-m-my-contracts.pui-is-change-program .html-is-total-value {
  color: #d8020e; }

@media (min-width: 521px) {
  .pui-m-my-contracts.pui-is-change-program .html-c-form-row {
    display: block; }
    .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-b-form-row-caption, .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-b-form-row-content {
      display: inline-block;
      width: 100%; }
    .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-b-form-row-caption {
      max-width: 160px; }
    .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-b-form-row-content {
      padding-left: 160px;
      text-align: left; }
      .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-b-form-row-content:first-child {
        padding-left: 0; }
    .pui-m-my-contracts.pui-is-change-program .html-c-form-row .html-is-right {
      text-align: right; }
  .pui-m-my-contracts.pui-is-change-program .pui-table tr:last-child {
    border-bottom: none; }
    .pui-m-my-contracts.pui-is-change-program .pui-table tr:last-child td {
      border-bottom: none; } }

.pui-form-result.pui-m-password-reset .html-b-form-header, .pui-form-result.pui-m-username-resend .html-b-form-header, .pui-form-result.pui-m-registration .html-b-form-header, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-header, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-header, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-header {
  padding-top: 0; }

.pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-aria-live-region, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-aria-live-region, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-aria-live-region, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-aria-live-region, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-aria-live-region, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-aria-live-region {
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: 0 none; }

.pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success {
  margin: 0 -10px;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #3d8d0c;
  border-color: #3d8d0c;
  color: #ffffff; }
  .pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success:before {
    clip: rect(50px, 100px, 100px, 50px);
    -webkit-clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
    clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
    -webkit-transform: translate(-50px, -50px);
    -moz-transform: translate(-50px, -50px);
    -ms-transform: translate(-50px, -50px);
    -o-transform: translate(-50px, -50px);
    transform: translate(-50px, -50px); }

.pui-form-result.pui-m-registration .html-b-form-header {
  padding-top: 10px; }

@media (min-width: 581px) {
  .pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success {
    margin-left: -20px;
    margin-right: -20px; } }

@media (min-width: 881px) {
  .pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success {
    margin-left: -20px;
    margin-right: -20px; } }

@media print {
  .pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success {
    margin-left: 0;
    margin-right: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #3d8d0c; }
    .pui-form-result.pui-m-password-reset .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-username-resend .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-registration .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-change-password .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-contact-information .html-b-form-status-panel .html-c-info-panel.html-is-success:before, .pui-form-result.pui-m-my-profile.pui-is-change-product-address .html-b-form-status-panel .html-c-info-panel.html-is-success:before {
      clip: rect(50px, 100px, 100px, 50px);
      -webkit-clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
      clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 50px 100px);
      -webkit-transform: translate(-50px, -50px);
      -moz-transform: translate(-50px, -50px);
      -ms-transform: translate(-50px, -50px);
      -o-transform: translate(-50px, -50px);
      transform: translate(-50px, -50px); } }

.html-radio-tab-item, .html-radio-toggle-item {
  display: none; }
  .html-radio-tab-item.html-is-active, .html-radio-toggle-item.html-is-active {
    display: block; }

.pui-m-login {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-m-login .html-c-form {
    padding: 0 20px; }
  .pui-m-login .html-b-login-form .html-c-form .html-b-form-header {
    padding-top: 10px; }
    .pui-m-login .html-b-login-form .html-c-form .html-b-form-header .html-c-info-panel:last-child {
      margin-bottom: 0; }
    .pui-m-login .html-b-login-form .html-c-form .html-b-form-header .html-b-form-status-panel .html-c-aria-live-region {
      margin-top: 10px;
      margin-bottom: 10px;
      border-bottom: 0 none; }
      .pui-m-login .html-b-login-form .html-c-form .html-b-form-header .html-b-form-status-panel .html-c-aria-live-region:empty {
        margin-top: 0;
        margin-bottom: 0; }
  .pui-m-login .html-b-login-form .html-c-form .html-c-form-row:last-of-type {
    border-bottom: 0 none; }
  .pui-m-login .html-b-login-form .html-c-form .html-b-form-footer {
    padding-bottom: 20px; }
  .pui-m-login .html-b-login-form .html-c-form-controls .html-b-primary-action,
  .pui-m-login .html-b-login-form .html-c-form-controls .html-b-secondary-action {
    margin-top: 0; }
  .pui-m-login .html-b-login-form .html-c-form-controls .html-b-secondary-action {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .pui-m-login .html-b-login-form .html-c-form-controls .html-b-secondary-action .html-link {
      font-size: 16px; }
      .pui-m-login .html-b-login-form .html-c-form-controls .html-b-secondary-action .html-link:not(:last-of-type):after {
        content: "";
        display: block; }
  .pui-m-login .html-b-login-action {
    padding-top: 20px;
    text-align: center; }
    .pui-m-login .html-b-login-action .html-link {
      display: block;
      margin-bottom: 10px; }
  .pui-m-login .html-b-login-registration {
    margin-top: 30px;
    padding: 20px;
    background-color: #ffffff; }
    .pui-m-login .html-b-login-registration .html-c-form-controls {
      display: flex;
      flex-flow: column-reverse; }
    .pui-m-login .html-b-login-registration .html-b-secondary-action {
      margin-top: 1px; }
      .pui-m-login .html-b-login-registration .html-b-secondary-action .html-icon-registration,
      .pui-m-login .html-b-login-registration .html-b-secondary-action .html-text {
        display: inline-block;
        vertical-align: middle; }
      .pui-m-login .html-b-login-registration .html-b-secondary-action .html-icon-registration {
        margin-right: -41px;
        position: relative;
        width: 41px;
        height: 41px; }
        .pui-m-login .html-b-login-registration .html-b-secondary-action .html-icon-registration:before {
          content: url("../images/pui/csobpoj/icons/new-user.svg");
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 100%; }
      .pui-m-login .html-b-login-registration .html-b-secondary-action .html-text {
        padding-left: 56px;
        font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.login-tabs__nav-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap; }
  .login-tabs__nav-wrapper > li.nav-item {
    flex: unset;
    text-align: left; }
    .login-tabs__nav-wrapper > li.nav-item > a.nav-link {
      font-size: .875rem;
      line-height: .875rem;
      font-weight: 400;
      color: #002f4f;
      text-decoration: none;
      padding: 20px;
      border-radius: 0;
      border: none;
      white-space: normal; }
    .login-tabs__nav-wrapper > li.nav-item > a.nav-link.active {
      font-weight: 700; }

.login-tabs__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 15px;
  margin-bottom: 0; }
  .login-tabs__wrapper .html-c-form-row {
    border-bottom: none;
    padding-bottom: 0 !important; }
  .login-tabs__wrapper .html-frm-slot.html-frm-full {
    padding-top: 0; }
  .login-tabs__wrapper .html-label {
    padding-top: 0 !important; }
  .login-tabs__wrapper > .html-b-form-content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 10px;
    height: 100%; }
    .login-tabs__wrapper > .html-b-form-content .html-label {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #003366;
      margin-top: 4px; }
  .login-tabs__wrapper button {
    width: 100%; }
  .login-tabs__wrapper--with-footer {
    grid-template-columns: 1fr; }

.login-tabs__info-box {
  display: flex;
  align-items: center;
  order: 3;
  height: 100%;
  padding: 20px;
  background-color: #f1f9fd; }

.login-tabs__id-box {
  display: flex;
  align-items: center;
  gap: 16px; }

.login-tabs__img {
  max-width: 110px;
  max-height: 110px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 25px; }

.login-tabs > .tab-content > .tab-pane {
  border-radius: 0; }
  .login-tabs > .tab-content > .tab-pane > .html-b-login-form > .html-c-form {
    padding: 0; }

.login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 15px; }
  .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-secondary-action {
    left: unset !important;
    width: auto !important; }
    .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-secondary-action > a.html-link {
      font-size: .875rem;
      color: #0099cc; }
  .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-primary-action {
    left: unset !important;
    width: 100% !important; }
    .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-primary-action button {
      white-space: nowrap; }

.login-tabs .html-b-form-row-caption {
  margin-bottom: 10px; }

@media (min-width: 321px) and (max-width: 520px) {
  .pui-m-login .html-b-login-form .html-c-form-row {
    border-bottom-color: transparent; } }

@media (min-width: 521px) {
  .pui-m-login .html-b-login-form .html-c-form-row {
    padding-bottom: 5px; }
    .pui-m-login .html-b-login-form .html-c-form-row + .html-c-form-row {
      padding-top: 10px; }
  .pui-m-login .html-b-login-form .html-c-form-controls .html-b-primary-action,
  .pui-m-login .html-b-login-form .html-c-form-controls .html-b-secondary-action {
    margin-top: 0; } }

@media (min-width: 481px) {
  .pui-m-login .html-b-login-action {
    margin-bottom: -10px;
    padding: 20px 0 0 20px;
    text-align: left; }
    .pui-m-login .html-b-login-action .html-link {
      display: inline-block;
      margin-right: 20px;
      white-space: nowrap;
      vertical-align: top; } }

@media (min-width: 481px) {
  .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls {
    flex-direction: row;
    margin-top: 0; }
    .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-primary-action,
    .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-secondary-action {
      margin-top: 10px; }
    .login-tabs .html-b-login-form .html-b-form-footer > .html-c-form-controls > .html-b-primary-action {
      width: auto !important; }
  .login-tabs__wrapper button {
    width: auto; } }

@media (min-width: 769px) {
  .login-tabs__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 25px; }
    .login-tabs__wrapper--with-footer {
      grid-template-columns: 1fr 1fr; }
    .login-tabs__wrapper > .html-b-form-footer {
      grid-column: span 2; }
  .login-tabs__info-box {
    order: 0; }
  .login-tabs__nav-wrapper > li.nav-item > a.nav-link {
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 30px; } }

@media print {
  .pui-m-login .html-b-login-form {
    border-bottom: 1px solid #919397; }
    .pui-m-login .html-b-login-form .html-c-form {
      padding-left: 0;
      padding-right: 0; }
  .pui-m-login .html-b-login-action {
    padding-left: 0;
    padding-right: 0; }
  .pui-m-login .html-b-login-registration {
    display: none; } }

.pui-m-news-feed {
  margin-top: 10px;
  padding: 20px;
  background-color: #ffffff;
  font-weight: bold; }
  .pui-m-news-feed .html-b-header .pui-date {
    display: inline-block;
    font-size: 16px; }
    .pui-m-news-feed .html-b-header .pui-date:after {
      margin-left: 5px;
      content: '|'; }
  .pui-m-news-feed .html-b-header .pui-title {
    display: inline-block;
    font-size: 16px; }

@media (min-width: 769px) {
  .pui-m-news-feed {
    margin-top: 0; } }

.pui-m-password-reset .banner {
  padding-bottom: 20px; }

.pui-m-username-resend .banner {
  padding-bottom: 20px; }

.pui-m-my-profile .html-c-page-section:not(:first-of-type) {
  margin-top: 20px; }

.pui-m-my-profile .html-b-page-section-content .html-b-form-row-content .html-label + .html-label {
  display: block; }

.pui-m-my-profile.pui-is-my-profile-dashboard .html-b-form-row-content:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 51px;
  vertical-align: middle; }

.pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content {
  display: inline-flex;
  align-items: center; }
  .pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content .html-frm-auto:first-of-type {
    flex: 1;
    min-width: 0;
    -o-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content .html-frm-auto:first-of-type.html-frm-slot {
      margin-right: 10px; }
  .pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content .html-frm-auto + .html-frm-auto {
    display: block; }

.pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-content .html-c-form-row:last-of-type {
  border-color: transparent; }

.pui-m-my-profile.pui-is-my-profile-dashboard .html-b-page-section-footer {
  padding-top: 20px;
  text-align: right; }

@media (min-width: 881px) {
  .pui-m-my-profile .pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content {
    display: inline-table; }
    .pui-m-my-profile .pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content .html-frm-auto {
      display: table-cell; }
      .pui-m-my-profile .pui-is-my-profile-dashboard .html-b-page-section-content .html-b-form-row-content .html-frm-auto + .html-frm-auto {
        display: table-cell;
        text-align: right; } }

.pui-m-my-profile.pui-is-product-address .html-b-form-row-content:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 51px;
  vertical-align: middle; }

.pui-m-my-profile.pui-is-product-address .html-b-page-section-footer {
  padding-top: 20px;
  text-align: right; }

.pui-m-my-profile.pui-is-change-product-address.pui-is-step-2 .html-b-form-row-content .html-c-text {
  font-weight: bold; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-c-form .html-b-form-header, .pui-m-damage-reporting.pui-is-car-accident-status .html-c-form .html-b-form-section-content {
  padding-top: 20px;
  padding-bottom: 20px; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-header .html-c-file-download {
  margin-bottom: 10px; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section-header {
  position: relative; }
  .pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section-header .html-c-display-toggle {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section-header.html-header-has-toggle h2 {
    display: block;
    padding-right: 80px; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-title-row {
  position: relative; }
  .pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-title-row .html-c-button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section.html-is-collapsed .html-b-form-section-content {
  display: none; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section.html-is-expanded .html-b-form-section-content {
  display: block; }

.pui-m-damage-reporting.pui-is-car-accident-status .html-b-form-section-content .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-damage-reporting .html-has-upload-notice {
  margin-top: 20px; }
  .pui-m-damage-reporting .html-has-upload-notice .html-b-page-section-content {
    padding: 20px;
    color: #434548;
    background-color: #f1f9fe; }

.pui-m-damage-reporting .html-c-form {
  margin-top: 20px; }
  .pui-m-damage-reporting .html-c-form .html-b-form-header .html-b-form-status-panel .html-c-aria-live-region {
    border-bottom: 0; }
  .pui-m-damage-reporting .html-c-form .html-b-form-header p {
    margin: 10px 0; }

.pui-m-damage-reporting .html-c-faq {
  padding: 0; }

.pui-m-damage-reporting .html-c-overlay .html-c-info-header {
  margin: 0; }

.pui-m-damage-reporting .html-c-overlay .html-c-form {
  margin-top: 0; }

.pui-m-damage-reporting .html-c-overlay.html-has-full-width .html-b-overlay {
  max-width: 840px; }

.pui-m-damage-reporting .html-not-entered {
  padding-left: 25px;
  color: #0099cc;
  background-repeat: no-repeat;
  background-position: -4px center;
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-not-entered.png");
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-not-entered.svg"), none;
  background-size: 25px 25px; }

.pui-m-damage-reporting .html-damage-reporting-is-required {
  padding-left: 30px;
  color: #c50101;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-error.png");
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-error.svg"), none;
  background-size: 20px 20px; }

.pui-m-damage-reporting .html-damage-reporting-use-same {
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url("../images/pui/csobpoj/icons/round-icon-data.png");
  background-image: url("../images/pui/csobpoj/icons/round-icon-data.svg"), none;
  background-size: 19px 19px; }

.pui-m-damage-reporting img {
  max-width: 100%; }

.pui-m-damage-reporting .pui-table table {
  width: 100%; }

.pui-m-damage-reporting .pui-table tr:last-child {
  border-bottom: none; }
  .pui-m-damage-reporting .pui-table tr:last-child td {
    border-bottom: none; }

.pui-m-damage-reporting .html-c-text a.html-link {
  white-space: normal;
  word-break: break-all; }

.pui-m-damage-reporting .html-b-buttons-row .html-c-button {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px; }

.pui-m-damage-reporting .html-is-collapsed .pui-collapsible-content {
  display: none; }

.pui-m-damage-reporting .html-is-expanded .pui-collapsible-content {
  display: block; }

.pui-m-damage-reporting .html-c-display-toggle.pui-is-triangle .html-button:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  background-image: url("../images/pui/csobpoj/icons/triangle-down.png");
  background-image: url("../images/pui/csobpoj/icons/triangle-down.svg"), none;
  background-size: 11px 11px; }

.pui-m-damage-reporting .html-b-form-title .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-damage-reporting .html-c-context-container {
  z-index: 2; }

.pui-m-damage-reporting .html-c-form-row.html-is-section-subheader {
  border-bottom: none; }
  .pui-m-damage-reporting .html-c-form-row.html-is-section-subheader .html-c-text {
    font-size: 18px;
    color: #434548; }

.pui-m-damage-reporting .html-c-tab-panel-extended .html-tab-content {
  padding-left: 0;
  padding-right: 0; }

.pui-m-damage-reporting.pui-is-faq .html-c-page-section.pui-is-section-faq {
  margin-top: 20px;
  margin-bottom: 20px; }
  .pui-m-damage-reporting.pui-is-faq .html-c-page-section.pui-is-section-faq .html-b-page-section-content {
    padding-top: 20px;
    padding-bottom: 20px; }

.pui-m-damage-reporting.pui-is-faq:last-child .html-c-page-section.pui-is-section-faq {
  margin-bottom: 0; }

.pui-m-damage-reporting .html-c-popover > .html-c-button .html-button {
  padding: 0;
  height: 30px;
  text-decoration: none; }

.pui-m-damage-reporting .html-c-popover .html-c-context-container {
  width: 240px; }
  .pui-m-damage-reporting .html-c-popover .html-c-context-container .html-c-button {
    display: inline-block;
    width: auto; }

.damage-reporting .html-c-overlay .html-c-info-header {
  margin: 0; }

.damage-reporting .html-c-overlay.html-has-full-width .html-b-overlay {
  max-width: 840px; }

.damage-reporting .html-c-overlay .html-content .html-c-form {
  margin-top: 0; }
  .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-header {
    padding: 10px 0 10px 25px; }
    .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-header h2 {
      line-height: 25px; }

.damage-reporting .html-c-overlay.html-overlay-has-min-height .html-b-overlay {
  min-height: 90vh; }

.damage-reporting .html-button-is-inline .html-c-button {
  display: inline-block; }

.damage-reporting .html-c-text.html-is-waiting {
  position: relative;
  padding-left: 30px;
  color: #c50101;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-error.png");
  background-image: url("../images/pui/csobpoj/icons/damage-reporting-error.svg"), none;
  background-size: 20px 20px; }

.damage-reporting .html-b-form-title-row {
  position: relative; }
  .damage-reporting .html-b-form-title-row .html-c-button {
    position: absolute;
    top: 5px;
    right: 0; }

.damage-reporting .html-is-muted {
  color: #919397; }

.damage-reporting .html-c-select-optiongroup.html-option-block .html-select-option {
  display: block; }

.damage-reporting .html-c-select-optiongroup.html-option-block .html-is-muted {
  display: block; }

.damage-reporting .html-has-state-icon:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: top;
  margin-right: 10px; }

.damage-reporting .html-has-state-icon.html-is-state-prepared:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -4px -4px; }

.damage-reporting .html-has-state-icon.html-is-state-progress:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -34px -4px; }

.damage-reporting .html-has-state-icon.html-is-state-success:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -64px -4px; }

.damage-reporting .html-has-state-icon.html-is-state-all:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -124px -4px; }

.damage-reporting .html-b-radio-controls {
  padding: 0;
  background-color: #e4f3fc;
  margin-left: -10px;
  margin-right: -10px; }
  .damage-reporting .html-b-radio-controls .html-radio-control {
    display: block;
    margin-bottom: 10px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px; }
    .damage-reporting .html-b-radio-controls .html-radio-control .html-form-field .html-decorated-field {
      left: 10px; }
    .damage-reporting .html-b-radio-controls .html-radio-control .html-label-for-radio {
      padding: 10px 10px 10px 40px; }
    .damage-reporting .html-b-radio-controls .html-radio-control:last-child {
      margin-bottom: 0; }
  .damage-reporting .html-b-radio-controls .html-c-radio {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  .damage-reporting .html-b-radio-controls .html-has-input {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px; }

.damage-reporting .html-c-form-row .html-frm-slot.html-frm-full > .html-content + .html-content {
  margin-top: 5px; }

.damage-reporting .html-c-form-row .html-b-form-row-caption .html-label.html-has-two-lines .html-is-muted {
  display: block; }

.damage-reporting .html-c-select-optiongroup.html-option-block .html-select-option {
  display: block; }

.damage-reporting .html-c-select-optiongroup.html-option-block .html-is-muted {
  display: block; }

.damage-reporting .html-button-is-inline .html-c-button {
  margin-bottom: 5px; }

.damage-reporting .html-c-faq .html-c-display-toggle.html-is-icon-left .html-button:after {
  display: none; }

.damage-reporting .html-c-pagination .html-b-pagination-pages {
  text-align: left;
  padding-left: 0; }

.damage-reporting .car-details .html-c-checkbox {
  display: block;
  padding-right: 0; }

.damage-reporting .car-details .car-details-left,
.damage-reporting .car-details .car-details-right {
  vertical-align: middle; }

.damage-reporting .car-details .car-details-left {
  display: inline-block;
  width: 100%; }

.damage-reporting .car-details .car-details-type {
  display: inline-block;
  width: 100%;
  padding: 20px 0; }

.damage-reporting .car-details .car-details-responsive {
  width: 100%;
  height: auto; }

.damage-reporting .car-details .car-details-main {
  cursor: pointer; }

.damage-reporting .car-details .car-details-left {
  display: inline-block; }
  .damage-reporting .car-details .car-details-left svg {
    width: 100%; }

@media (min-width: 451px) {
  .damage-reporting .car-details .car-details-left {
    width: 70%; } }

@media (min-width: 701px) {
  .damage-reporting .car-details .car-details {
    text-align: left; }
  .damage-reporting .car-details .car-details-left {
    width: 45%; }
  .damage-reporting .car-details .car-details-right {
    width: 54%;
    display: inline-block; }
  .damage-reporting .car-details .car-details-type {
    display: inline-block;
    text-align: center;
    padding-left: 20px;
    width: 49%; } }

.damage-reporting .car-details .st0, .damage-reporting .car-details .st1, .damage-reporting .car-details .st2, .damage-reporting .car-details .st3 {
  stroke: #818181; }

.damage-reporting .car-details .st0, .damage-reporting .car-details .st1 {
  fill: #fff;
  stroke-width: 2px; }

.damage-reporting .car-details .st2 {
  fill: none;
  stroke-width: 2px; }

.damage-reporting .car-details .st3 {
  fill: none; }

.damage-reporting .car-details .html-is-clickable {
  cursor: pointer;
  pointer-events: all; }
  .damage-reporting .car-details .html-is-clickable:hover {
    fill: #ffed00; }
  .damage-reporting .car-details .html-is-clickable.html-is-active {
    fill: #ffed00; }

@media (min-width: 521px) {
  .damage-reporting .html-b-form-section-header.html-header-has-controls {
    position: relative; }
    .damage-reporting .html-b-form-section-header.html-header-has-controls .html-c-button {
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .damage-reporting .html-b-form-section.html-has-top-margin {
    margin-top: 20px; }
  .damage-reporting .html-button-is-inline {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .damage-reporting .html-button-is-inline > .html-c-button {
      display: inline-block;
      margin-right: 5px;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; } }

@media (min-width: 581px) {
  .damage-reporting .html-b-radio-controls {
    margin-right: -20px;
    margin-left: -20px; } }

@media (min-width: 769px) {
  .damage-reporting .html-b-radio-controls {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .damage-reporting .html-b-radio-controls .html-radio-control {
      display: inline-block;
      width: calc(50% - 5px);
      margin-right: 10px; }
      .damage-reporting .html-b-radio-controls .html-radio-control .html-label-for-radio {
        padding-left: 35px; }
      .damage-reporting .html-b-radio-controls .html-radio-control:nth-child(2n) {
        margin-right: 0; }
    .damage-reporting .html-b-radio-controls .html-c-radio, .damage-reporting .html-b-radio-controls .html-has-input {
      font-family: "Roboto", "Arial", "Helvetica", sans-serif;
      display: inline-block;
      width: 50%; }
    .damage-reporting .html-b-radio-controls .html-c-radio {
      padding-right: 0; }
    .damage-reporting .html-b-radio-controls .html-has-input {
      margin-top: 0;
      padding-left: 0; }
  .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-header {
    padding: 15px 20px;
    padding-right: 0; }
    .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-header h2 {
      line-height: 30px; }
  .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-content {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
    overflow-x: visible;
    max-height: calc(100vh - 190px); }
  .damage-reporting .html-c-overlay .html-content .html-c-form .html-b-form-content.html-b-form-content--max-content {
    max-height: calc(100vh - 220px); }
  .damage-reporting .html-c-overlay.html-overlay-has-form-sections .html-content .html-c-form .html-b-form-content {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: hidden; }
  .damage-reporting .html-c-overlay.html-overlay-has-min-height .html-content .html-c-form .html-b-form-content {
    overflow: visible; } }

@media (min-width: 860px) {
  .damage-reporting .html-is-right {
    text-align: right; } }

@media (min-width: 1021px) {
  .pui-damage-reporting-is-anonymous .pdp-content-container {
    margin-left: 40px; } }

.pui-reported-events-table table {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  width: 100%;
  text-align: left;
  font-size: 14px;
  background-color: #ffffff; }

.html-has-state-icon:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: top;
  margin-right: 10px; }

.html-has-state-icon.html-is-state-prepared:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -4px -4px; }

.html-has-state-icon.html-is-state-progress:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -34px -4px; }

.html-has-state-icon.html-is-state-success:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -64px -4px; }

.html-has-state-icon.html-is-state-all:before {
  background-image: url("../images/pui/csobpoj/sprites/sprite-bullets.svg");
  background-repeat: no-repeat;
  background-position: -124px -4px; }

.pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-faq {
  margin-top: 0; }

.pui-m-dashboard-main .pui-m-damage-reporting .wcm-card {
  width: 100%; }

@media (min-width: 661px) {
  .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section {
    height: 320px; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .html-b-page-section-content {
      height: 320px; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-full {
      width: calc(100% - 20px);
      max-width: none; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-normal, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-special, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-small, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-faq {
      height: 100%; }
      .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-normal .html-b-page-section-content, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-special .html-b-page-section-content, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-small .html-b-page-section-content, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-faq .html-b-page-section-content {
        height: 100%; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-section-special .wcm-card-right .wcm-card-content {
      border-left: 1px solid #0099cc; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .wcm-card.wcm-card-left, .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .wcm-card.wcm-card-right {
      width: calc(50vw - 22px);
      max-width: 400px; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .wcm-card.wcm-card-right {
      padding-left: 8px;
      width: calc(50vw - 22px);
      max-width: 400px;
      background-color: white; } }

@media (min-width: 881px) {
  .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section {
    height: 290px; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .html-b-page-section-content {
      height: 290px; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section.pui-is-full {
      width: calc(100% - 20px);
      max-width: none; }
    .pui-m-dashboard-main .pui-m-damage-reporting .html-c-page-section .wcm-card.wcm-card-right {
      padding-left: 16px;
      width: calc(50vw - 8px);
      max-width: 416px;
      background-color: white; } }

@media print {
  .pui-m-dashboard-main {
    width: 100%;
    max-width: 100%; }
    .pui-m-dashboard-main .html-b-page-section-content {
      text-align: left; }
    .pui-m-dashboard-main .html-c-page-section {
      width: 50vw;
      max-width: calc(50vw - 20px);
      border: 1px solid #919397; }
      .pui-m-dashboard-main .html-c-page-section .html-b-page-section-header {
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #919397; } }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-c-page-section {
  margin-bottom: 20px; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-c-page-section .html-b-page-section-content {
    padding: 20px; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-c-page-section.html-b-page-section-tiled .html-b-page-section-content {
    padding: 0; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-c-form-controls.html-is-short .html-b-primary-action,
.pui-m-damage-reporting.pui-is-vehicle-accident .html-c-form-controls.html-is-short .html-b-secondary-action {
  margin-top: 0; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-login-prompt-text {
  margin-bottom: 10px; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled {
  margin-bottom: 0; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-page-section-content {
    background-color: transparent; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-container {
    display: block;
    margin-bottom: 20px; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-item {
    position: relative;
    background-color: #ffffff; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic {
  display: table;
  padding: 0 20px; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-image,
.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-title,
.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-tooltip {
  display: table-cell;
  vertical-align: middle;
  height: 73px; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-image {
  padding-right: 20px;
  line-height: 0; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-image img {
    max-width: none; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-topic-title {
  width: 100%;
  font-size: 18px;
  color: #0a7caf; }

.pui-m-damage-reporting.pui-is-vehicle-accident .html-b-product-link {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity*100))";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }

@media (min-width: 769px) {
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-login-prompt {
    display: table; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-login-prompt-text,
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-login-prompt-control {
    display: table-cell;
    margin: 0; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-page-section-content {
    margin-right: -20px;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-container {
    display: inline-block;
    width: 50%;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-item {
    display: block;
    width: auto;
    margin-right: 20px; } }

@media print {
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-page-section-content {
    margin-right: -20px;
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-container {
    display: inline-block;
    width: 50%;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
    .pui-m-damage-reporting.pui-is-vehicle-accident .html-b-page-section-tiled .html-b-product-tile-container .html-b-product-tile-item {
      display: block;
      width: auto;
      margin-right: 20px; } }

.html-c-overlay .html-sample-insurance-image {
  width: 100%;
  height: auto; }

.damage-reporting .html-c-overlay .html-b-form-title-row {
  position: relative;
  z-index: 1; }
  .damage-reporting .html-c-overlay .html-b-form-title-row a {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.damage-reporting .html-c-checkbox.html-is-gdpr .html-decorated-field {
  margin-top: 0;
  vertical-align: top; }

.damage-reporting .html-c-form-row-set.html-is-disabled .html-b-form-row-caption .html-label {
  color: #919397; }

.pui-m-damage-reporting.pui-is-step-5 .html-c-form .html-b-form-section .html-b-form-section-content > .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-damage-reporting.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo {
  padding-right: 0; }
  .pui-m-damage-reporting.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo .html-b-dropdown {
    min-width: 100%; }

.pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu > .html-c-button .html-button {
  width: auto;
  text-indent: 0;
  text-decoration: none; }
  .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu > .html-c-button .html-button:before {
    display: none; }

.pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container {
  width: 240px;
  padding: 0 10px;
  left: 0;
  right: auto; }
  .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container:before, .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container:after {
    right: auto;
    left: 23px; }
  .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container:before {
    margin-left: -1px; }
  .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container .html-b-slot {
    padding: 10px 0; }
    .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container .html-b-slot:not(:last-child) {
      border-bottom: 1px solid #d0d4d9; }
    .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container .html-b-slot .html-c-checkbox {
      padding-right: 0; }
    .pui-m-damage-reporting.pui-is-step-5 .html-c-context-menu .html-c-context-container .html-b-slot .html-c-button {
      display: inline-block;
      width: auto; }

.damage-reporting .html-c-overlay .html-c-tab-panel-extended .html-tab-content {
  padding-left: 0;
  padding-right: 0; }

.damage-reporting .html-b-form-section .html-b-form-section-content > .html-c-info-panel {
  margin-bottom: 20px; }

@media (min-width: 801px) {
  .damage-reporting .html-c-tab-panel-extended .html-tab-header {
    margin-left: -20px;
    margin-right: -20px; }
  .damage-reporting .html-c-tab-panel-extended.html-has-2-tabs .html-tab-item {
    width: 50%; }
  .damage-reporting .html-c-tab-panel-extended.html-has-3-tabs .html-tab-item {
    width: 33.3333%; } }

@media print {
  .pui-m-damage-reporting.pui-is-step-5 .wcm-2-columns .wcm-button-secondary {
    display: none; }
  .pui-m-damage-reporting.pui-is-step-5 .wcm-2-columns ul {
    list-style: disc; } }

.pui-m-damage-reporting.pui-is-step-6 .html-b-documents-title-row {
  margin-top: 10px; }

@media (min-width: 875px) {
  .pui-m-damage-reporting.pui-is-step-6 .html-text-right {
    text-align: right; } }

.pui-m-damage-reporting.pui-is-step-7 .html-c-form .html-b-form-header {
  padding-bottom: 20px; }

.pui-m-damage-reporting.pui-is-step-7 .html-c-form .html-b-form-section-content {
  padding-top: 20px;
  padding-bottom: 20px; }
  .pui-m-damage-reporting.pui-is-step-7 .html-c-form .html-b-form-section-content .html-c-info-panel {
    margin-bottom: 10px; }

.pui-m-damage-reporting.pui-is-step-7 .html-is-collapsed .pui-collapsible-content {
  display: none; }

.pui-m-damage-reporting.pui-is-step-7 .html-is-expanded .pui-collapsible-content {
  display: block; }

.pui-m-damage-reporting.pui-is-step-7 .html-c-display-toggle .html-button:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  background-image: url("../images/pui/csobpoj/icons/triangle-down.png");
  background-image: url("../images/pui/csobpoj/icons/triangle-down.svg"), none;
  background-size: 11px 11px; }

.pui-m-damage-reporting.pui-is-dashboard .pui-is-tile-count-2 {
  margin-top: 20px; }

.pui-m-damage-reporting.pui-is-dashboard .html-c-page-section {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  vertical-align: top; }

.pui-m-damage-reporting.pui-is-travel-insurance .html-label-info {
  display: block;
  font-size: 12px; }

@media (min-width: 801px) {
  .pui-m-damage-reporting.pui-is-dashboard .pui-is-tile-count-2 {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
    .pui-m-damage-reporting.pui-is-dashboard .pui-is-tile-count-2 .html-c-page-section {
      display: inline-block;
      width: calc(50% - 10px);
      margin-right: 20px;
      font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
      .pui-m-damage-reporting.pui-is-dashboard .pui-is-tile-count-2 .html-c-page-section .html-b-page-section-content {
        height: 190px; }
      .pui-m-damage-reporting.pui-is-dashboard .pui-is-tile-count-2 .html-c-page-section:last-child {
        margin-right: 0; } }

.pui-m-damage-reporting.pui-is-property .html-b-radio-controls .html-radio-control .html-c-radio {
  width: 100%; }

@media (min-width: 769px) {
  .pui-m-damage-reporting.pui-is-property .html-b-radio-controls .html-c-radio {
    font-family: pui-empty, Impact, Webdings;
    line-height: 0; }
  .pui-m-damage-reporting.pui-is-property .html-b-radio-controls .html-radio-control .html-c-radio {
    width: 100%; }
  .pui-m-damage-reporting.pui-is-property .html-b-radio-controls .html-radio-control.html-has-combo .html-c-radio {
    width: 50%;
    padding-right: 0; }
    .pui-m-damage-reporting.pui-is-property .html-b-radio-controls .html-radio-control.html-has-combo .html-c-radio .html-c-information-tooltip {
      display: none; } }

.pui-m-damage-reporting.pui-is-property.pui-is-step-5 .html-b-documents-title-row {
  margin-top: 10px; }

.pui-m-damage-reporting.pui-is-property.pui-is-finish .html-c-form .html-b-form-header {
  padding-bottom: 20px; }

.pui-m-damage-reporting.pui-is-property.pui-is-finish .html-c-form .html-b-form-section-content {
  padding-top: 20px;
  padding-bottom: 20px; }
  .pui-m-damage-reporting.pui-is-property.pui-is-finish .html-c-form .html-b-form-section-content .html-c-info-panel {
    margin-bottom: 10px; }

.pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-c-form .html-b-form-section:first-child .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-c-page-section {
  margin-top: 20px; }
  .pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-c-page-section .html-b-page-section-content {
    padding: 20px; }

.pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-c-tab-panel-extended .html-tab-content {
  padding-left: 0;
  padding-right: 0; }

.pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo {
  padding-right: 0; }
  .pui-m-damage-reporting.pui-is-elements.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo .html-b-dropdown {
    min-width: 100%; }

@media (min-width: 801px) {
  .damage-reporting .html-c-tab-panel-extended .html-tab-header {
    margin-left: -20px;
    margin-right: -20px; }
  .damage-reporting .html-c-tab-panel-extended.html-has-3-tabs .html-tab-item {
    width: 33.3333%; } }

.pui-m-damage-reporting.pui-is-windshield.pui-is-step-4 .car-details-center {
  text-align: center; }

.pui-m-damage-reporting.pui-is-windshield.pui-is-step-5 .html-c-page-section {
  margin-top: 20px; }
  .pui-m-damage-reporting.pui-is-windshield.pui-is-step-5 .html-c-page-section .html-b-page-section-content {
    padding: 20px; }

.pui-m-damage-reporting.pui-is-windshield.pui-is-step-5 .html-c-tab-panel-extended .html-tab-content {
  padding-left: 0;
  padding-right: 0; }

.pui-m-damage-reporting.pui-is-windshield.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo {
  padding-right: 0; }
  .pui-m-damage-reporting.pui-is-windshield.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo .html-b-dropdown {
    min-width: 100%; }

.pui-m-damage-reporting.pui-is-car-collision.pui-is-step-5 .html-c-form .html-b-form-section:first-child .html-c-info-panel {
  margin-bottom: 20px; }

.pui-m-damage-reporting.pui-is-car-collision.pui-is-step-5 .html-c-tab-panel-extended .html-tab-content {
  padding-left: 0;
  padding-right: 0; }

.pui-m-damage-reporting.pui-is-car-collision.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo {
  padding-right: 0; }
  .pui-m-damage-reporting.pui-is-car-collision.pui-is-step-5 .html-tab-header-combo .html-c-advanced-combo .html-b-dropdown {
    min-width: 100%; }

.pui-m-damage-reporting.pui-is-car-collision.pui-is-finish .html-c-form .html-b-form-section-content {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (min-width: 801px) {
  .damage-reporting .html-c-tab-panel-extended .html-tab-header {
    margin-left: -20px;
    margin-right: -20px; }
  .damage-reporting .html-c-tab-panel-extended.html-has-3-tabs .html-tab-item {
    width: 33.3333%; } }

.pui-m-damage-reporting.pui-is-car-theft.pui-is-finish .html-c-form .html-b-form-section-content {
  padding-top: 20px;
  padding-bottom: 20px; }

.pui-m-damage-reporting.pui-is-responsibility .html-button-is-inline.html-button-has-fixed-width .html-c-button {
  width: 100%;
  margin-right: 0; }
  .pui-m-damage-reporting.pui-is-responsibility .html-button-is-inline.html-button-has-fixed-width .html-c-button .html-button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }

.pui-m-damage-reporting.pui-is-responsibility.pui-is-step-5 .html-b-documents-title-row {
  margin-top: 10px; }

@media (min-width: 613px) {
  .pui-m-damage-reporting.pui-is-responsibility .html-button-is-inline.html-button-has-fixed-width .html-c-button {
    width: 254px;
    margin-right: 5px; } }

.my-account .inp-switch,
.contract-insurance .inp-switch {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .my-account .inp-switch .inp-switch-inp,
  .contract-insurance .inp-switch .inp-switch-inp {
    position: absolute;
    left: -5000px; }
  .my-account .inp-switch .inp-switch-inner,
  .contract-insurance .inp-switch .inp-switch-inner {
    display: flex; }
  .my-account .inp-switch .inp-switch-text,
  .contract-insurance .inp-switch .inp-switch-text {
    flex: 1 1 auto;
    width: 100px;
    padding: 9px 5px;
    border: 1px solid #babdc4;
    background-color: #ffffff;
    color: #0099cc;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    cursor: pointer; }
  .my-account .inp-switch .inp-switch-text--on,
  .contract-insurance .inp-switch .inp-switch-text--on {
    border-right-width: 0;
    border-radius: 5px 0 0 5px; }
  .my-account .inp-switch .inp-switch-text--off,
  .contract-insurance .inp-switch .inp-switch-text--off {
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
    border-color: #0099cc;
    background-color: #0099cc;
    color: #ffffff; }
  .my-account .inp-switch .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text--on,
  .contract-insurance .inp-switch .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text--on {
    border-color: #0099cc;
    background-color: #0099cc;
    color: #ffffff; }
  .my-account .inp-switch .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text--off,
  .contract-insurance .inp-switch .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text--off {
    border-color: #babdc4;
    background-color: #ffffff;
    color: #0099cc; }

.my-account .inp-switch-holder,
.contract-insurance .inp-switch-holder {
  display: flex; }
  .my-account .inp-switch-holder .inp-switch,
  .contract-insurance .inp-switch-holder .inp-switch {
    flex: 1 0 50%;
    max-width: 50%; }
    .my-account .inp-switch-holder .inp-switch:not(:last-child) .inp-switch-text,
    .contract-insurance .inp-switch-holder .inp-switch:not(:last-child) .inp-switch-text {
      border-radius: 5px 0 0 5px; }
    .my-account .inp-switch-holder .inp-switch:not(:last-child) .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text,
    .contract-insurance .inp-switch-holder .inp-switch:not(:last-child) .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text {
      border-right: 0; }
    .my-account .inp-switch-holder .inp-switch:not(:first-child) .inp-switch-text,
    .contract-insurance .inp-switch-holder .inp-switch:not(:first-child) .inp-switch-text {
      border-left: 0;
      border-radius: 0 5px 5px 0; }

.my-account .inp-switch--radio,
.contract-insurance .inp-switch--radio {
  display: block;
  white-space: normal; }
  .my-account .inp-switch--radio .inp-switch-inner,
  .my-account .inp-switch--radio .inp-switch-text,
  .contract-insurance .inp-switch--radio .inp-switch-inner,
  .contract-insurance .inp-switch--radio .inp-switch-text {
    height: 100%; }
  .my-account .inp-switch--radio .inp-switch-text,
  .contract-insurance .inp-switch--radio .inp-switch-text {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    padding: 5px;
    border-radius: 5px; }
  .my-account .inp-switch--radio .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text,
  .contract-insurance .inp-switch--radio .inp-switch-inp:checked + .inp-switch-inner .inp-switch-text {
    border-color: #0099cc;
    background-color: #0099cc;
    color: #ffffff; }
  .my-account .inp-switch--radio .inp-switch-inp:disabled + .inp-switch-inner .inp-switch-text,
  .contract-insurance .inp-switch--radio .inp-switch-inp:disabled + .inp-switch-inner .inp-switch-text {
    color: #babdc4;
    opacity: 0.6;
    pointer-events: none; }

.my-account .pui-table-new-info table th:nth-child(1),
.my-account .pui-table-new-info table td:nth-child(1),
.contract-insurance .pui-table-new-info table th:nth-child(1),
.contract-insurance .pui-table-new-info table td:nth-child(1) {
  width: 25%;
  min-width: 160px; }

.my-account .pui-table-new-info table th:nth-child(2),
.my-account .pui-table-new-info table td:nth-child(2),
.contract-insurance .pui-table-new-info table th:nth-child(2),
.contract-insurance .pui-table-new-info table td:nth-child(2) {
  width: 75%;
  min-width: 320px; }

.my-account .pui-table-new-info-heading,
.contract-insurance .pui-table-new-info-heading {
  display: flex;
  align-items: center;
  white-space: normal; }
  .my-account .pui-table-new-info-heading > *,
  .contract-insurance .pui-table-new-info-heading > * {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px; }
    .my-account .pui-table-new-info-heading > *:not(:first-child),
    .contract-insurance .pui-table-new-info-heading > *:not(:first-child) {
      padding-right: 0; }
    .my-account .pui-table-new-info-heading > *:not(:last-child),
    .contract-insurance .pui-table-new-info-heading > *:not(:last-child) {
      padding-left: 0; }

.my-account .radio-boxes,
.damage-reporting .radio-boxes {
  padding-bottom: 20px; }
  .my-account .radio-boxes__inner,
  .damage-reporting .radio-boxes__inner {
    padding-bottom: 20px;
    border: 1px solid #d0d4d9;
    border-width: 0 0 1px; }
  .my-account .radio-boxes__list,
  .damage-reporting .radio-boxes__list {
    margin-bottom: -20px;
    margin-left: -20px; }
  .my-account .radio-boxes__btns,
  .damage-reporting .radio-boxes__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 0 -20px; }
  .my-account .radio-boxes__btn,
  .damage-reporting .radio-boxes__btn {
    margin-top: 20px;
    border: 20px solid transparent;
    border-width: 0 0 0 20px;
    text-align: right; }
  .my-account .radio-boxes__content,
  .damage-reporting .radio-boxes__content {
    display: none; }
    .my-account .radio-boxes__content.is-visible,
    .damage-reporting .radio-boxes__content.is-visible {
      display: block; }

.my-account .radio-box,
.damage-reporting .radio-box {
  display: flex;
  border: 20px solid transparent;
  border-width: 0 0 20px 20px; }
  .my-account .radio-box > *,
  .damage-reporting .radio-box > * {
    flex: 1 1 auto; }
  .my-account .radio-box__inp,
  .damage-reporting .radio-box__inp {
    position: absolute;
    left: -5000px; }
  .my-account .radio-box__inner,
  .damage-reporting .radio-box__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-weight: normal; }
  .my-account .radio-box__label,
  .damage-reporting .radio-box__label {
    position: relative;
    cursor: pointer; }
  .my-account .radio-box__header,
  .damage-reporting .radio-box__header {
    position: relative;
    display: block;
    padding: 20px 20px 20px 50px;
    border: 1px solid #d7ecf8;
    border-width: 1px 1px 0;
    background-color: #d7ecf8;
    color: #0a7caf;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.142857143; }
    .my-account .radio-box__header:last-child,
    .damage-reporting .radio-box__header:last-child {
      border-bottom-width: 1px; }
  .my-account .radio-box__tag,
  .damage-reporting .radio-box__tag {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
    transform: translateY(-50%);
    cursor: default; }
  .my-account .radio-box__heading::before,
  .damage-reporting .radio-box__heading::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer; }
  .my-account .radio-box__tool,
  .damage-reporting .radio-box__tool {
    position: absolute;
    top: 21px;
    left: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background-color: #ffffff; }
    .my-account .radio-box__tool::before,
    .damage-reporting .radio-box__tool::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #0a7caf;
      visibility: hidden;
      opacity: 0;
      transform: translate(-50%, -50%);
      transition: opacity 0.3s, visibility 0.3s; }
  .my-account .radio-box__content,
  .damage-reporting .radio-box__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #d0d4d9;
    border-width: 0 1px 1px;
    font-size: 14px; }
  .my-account .radio-box__text,
  .damage-reporting .radio-box__text {
    margin-bottom: 10px; }
  .my-account .radio-box__list,
  .damage-reporting .radio-box__list {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    list-style: none; }
    .my-account .radio-box__list li,
    .damage-reporting .radio-box__list li {
      padding-left: 13px; }
      .my-account .radio-box__list li::before,
      .damage-reporting .radio-box__list li::before {
        left: -3px; }
    .my-account .radio-box__list li + li,
    .damage-reporting .radio-box__list li + li {
      margin-top: 5px; }
    .my-account .radio-box__list.html-is-valid li,
    .damage-reporting .radio-box__list.html-is-valid li {
      position: relative; }
      .my-account .radio-box__list.html-is-valid li:before,
      .damage-reporting .radio-box__list.html-is-valid li:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .my-account .radio-box__list.html-is-valid li:before,
      .damage-reporting .radio-box__list.html-is-valid li:before {
        clip: rect(0px, 50px, 39px, 25px);
        -webkit-clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        clip-path: polygon(25px 0px, 50px 0px, 50px 39px, 25px 39px);
        -webkit-transform: translate(-31px, -9px);
        -moz-transform: translate(-31px, -9px);
        -ms-transform: translate(-31px, -9px);
        -o-transform: translate(-31px, -9px);
        transform: translate(-31px, -9px); }
    .my-account .radio-box__list.html-is-invalid li,
    .damage-reporting .radio-box__list.html-is-invalid li {
      position: relative;
      border-color: #c50101; }
      .my-account .radio-box__list.html-is-invalid li:before,
      .damage-reporting .radio-box__list.html-is-invalid li:before {
        content: url("../images/pui/csobpoj/sprites/sprite-tooltip.svg");
        position: absolute;
        display: block;
        width: 100px;
        height: 78px;
        transform-origin: 0 0; }
      .my-account .radio-box__list.html-is-invalid li:before,
      .damage-reporting .radio-box__list.html-is-invalid li:before {
        clip: rect(0px, 75px, 39px, 50px);
        -webkit-clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        clip-path: polygon(50px 0px, 75px 0px, 75px 39px, 50px 39px);
        -webkit-transform: translate(-56px, -9px);
        -moz-transform: translate(-56px, -9px);
        -ms-transform: translate(-56px, -9px);
        -o-transform: translate(-56px, -9px);
        transform: translate(-56px, -9px); }
  .my-account .radio-box__footer,
  .damage-reporting .radio-box__footer {
    position: relative;
    display: block;
    margin: auto 0 0 0;
    padding-top: 10px;
    padding-left: 20px;
    border-top: 1px solid #d0d4d9; }
  .my-account .radio-box__icon,
  .damage-reporting .radio-box__icon {
    background-image: url("../images/pui/csobpoj/icons/clock.png");
    background-image: url("../images/pui/csobpoj/icons/clock.svg"), none;
    background-size: 16px 16px;
    position: absolute;
    top: calc(50% + 5px);
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    transform: translateY(-50%); }
  .my-account .radio-box--full,
  .damage-reporting .radio-box--full {
    width: 100%; }
  .my-account .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__header,
  .damage-reporting .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__header {
    border-color: #0a77a9; }
  .my-account .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__content,
  .damage-reporting .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__content {
    border-color: #0a77a9; }
  .my-account .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__tool::before,
  .damage-reporting .radio-box .radio-box__inp:checked + .radio-box__label .radio-box__tool::before {
    visibility: visible;
    opacity: 1; }

@media (min-width: 481px) {
  .my-account .radio-boxes__list,
  .damage-reporting .radio-boxes__list {
    display: flex;
    flex-wrap: wrap; }
  .my-account .radio-box,
  .damage-reporting .radio-box {
    width: 50%; }
    .my-account .radio-box--full,
    .damage-reporting .radio-box--full {
      width: 100%; } }

@media (min-width: 769px) {
  .my-account .radio-box,
  .damage-reporting .radio-box {
    width: 33.3%; }
    .my-account .radio-box--full,
    .damage-reporting .radio-box--full {
      width: 100%; }
    .my-account .radio-box--half,
    .damage-reporting .radio-box--half {
      width: 50%; } }

.my-account .h1 {
  font-size: 23px; }

.my-account .h2 {
  margin-bottom: 20px;
  color: #003366;
  font-weight: normal;
  font-size: 21px; }

.my-account .mb-5 {
  margin-bottom: 5px; }

.my-account .mb-20 {
  margin-bottom: 20px; }

.my-account a {
  color: #0a7caf; }

.my-account .pui-help-link {
  text-decoration: none; }

.my-account .html-c-text-light {
  color: #686868; }

.my-account .html-b-overlay {
  max-width: 840px; }

.my-account .html-frm-slot {
  padding-top: 15px; }
  .my-account .html-frm-slot:empty {
    padding-top: 0; }

.my-account .html-c-info-panel {
  margin-top: 0; }
  .my-account .html-c-info-panel.mb-0 {
    margin-bottom: 0; }
  .my-account .html-c-info-panel .html-c-info-panel-list {
    padding: 0 0 0 15px; }
    .my-account .html-c-info-panel .html-c-info-panel-list li {
      padding: 0;
      border: 0;
      list-style-type: disc; }
  .my-account .html-c-info-panel.html-is-success h2 {
    color: #3b871e; }
  .my-account .html-c-info-panel .html-text {
    white-space: normal; }
  .my-account .html-c-info-panel p {
    margin-bottom: 15px; }

.my-account .html-c-form {
  margin-bottom: 15px; }

.my-account .html-c-form-row-input {
  padding-bottom: 15px; }
  .my-account .html-c-form-row-input .html-label,
  .my-account .html-c-form-row-input .html-is-info-text {
    color: #686868;
    font-weight: 400;
    font-size: 16px; }
  .my-account .html-c-form-row-input .html-b-form-row-caption {
    display: inline-block;
    width: 100%; }
  .my-account .html-c-form-row-input .html-b-form-row-content {
    display: inline-block;
    width: 100%;
    text-align: left; }

.my-account .html-b-form-section-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 11px;
  text-decoration: none; }

.my-account .html-b-form-section-title {
  margin-bottom: 0;
  color: #0a7caf;
  font-weight: 500;
  font-size: 21px; }

.my-account .html-b-form-section-content {
  margin-top: 20px;
  padding-bottom: 20px; }

.my-account .html-c-form-row-sms-key {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border: 1px solid #d7d7d7;
  border-width: 0 0 1px; }
  .my-account .html-c-form-row-sms-key .html-label,
  .my-account .html-c-form-row-sms-key .html-frm-slot {
    padding-top: 0; }

.my-account .html-c-form-row .html-b-form-row-caption .html-label {
  color: #686868; }

.my-account .html-c-form .html-c-form-steps {
  flex: 1 1 auto;
  margin-top: 20px;
  margin-bottom: 0; }
  .my-account .html-c-form .html-c-form-steps .html-list-steps {
    justify-content: space-around; }
  .my-account .html-c-form .html-c-form-steps .html-list-steps--3 .html-step {
    width: 33.3%; }
  .my-account .html-c-form .html-c-form-steps .html-list-steps--4 .html-step {
    width: 25%; }
  .my-account .html-c-form .html-c-form-steps .html-step-number {
    background-color: #0a7caf; }
  .my-account .html-c-form .html-c-form-steps .html-step-caption {
    word-break: break-word; }
  .my-account .html-c-form .html-c-form-steps .html-is-passed .html-step-number {
    background-color: #d0d4d9;
    font-size: 0; }
  .my-account .html-c-form .html-c-form-steps .html-is-passed .html-step-icon {
    background-image: url("../images/pui/csobpoj/icons/check.png");
    background-image: url("../images/pui/csobpoj/icons/check.svg"), none;
    background-size: 12px 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 8px;
    transform: translate(-50%, -50%); }
  .my-account .html-c-form .html-c-form-steps .html-is-passed .html-step-caption {
    color: #434548; }
  .my-account .html-c-form .html-c-form-steps .html-is-active .html-step-number {
    background-color: #ff6000; }
  .my-account .html-c-form .html-c-form-steps .html-is-active .html-step-caption {
    color: #ff6000; }

.my-account .html-c-overlay .html-content .html-b-form-header .html-c-info-header {
  margin-top: 0;
  padding: 0; }

.my-account .html-c-overlay .html-close .html-button {
  background-image: url("../images/pui/csobpoj/icons/close-blue.png");
  background-image: url("../images/pui/csobpoj/icons/close-blue.svg"), none;
  background-size: 16px 16px;
  width: 16px;
  height: 16px; }

.my-account .html-c-overlay .html-c-input-field.html-is-invalid .html-input, .my-account .html-c-overlay .html-is-invalid.html-c-date-picker .html-input {
  color: #c50101; }

.my-account .html-c-overlay .js-show .html-c-form-row-input:first-child {
  padding-bottom: 0;
  border-bottom: 0; }

.my-account .html-c-overlay .js-show .html-c-form-row-input:last-child {
  padding: 3px 0 13px;
  border-top: 1px solid #dde0e4; }

.my-account .html-c-overlay .html-b-overlay {
  max-height: calc(100vh - 15%); }
  .my-account .html-c-overlay .html-b-overlay .html-b-form-header,
  .my-account .html-c-overlay .html-b-overlay .html-b-form-footer {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 15; }
  .my-account .html-c-overlay .html-b-overlay .html-b-form-footer {
    top: auto;
    bottom: 0;
    border-top: 1px solid #dde0e4;
    background-color: #ffffff; }
  .my-account .html-c-overlay .html-b-overlay .html-c-button {
    z-index: 16; }

.my-account .html-c-overlay .html-c-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 0; }

.my-account .html-c-overlay .html-c-form-row:last-child {
  border-bottom: 0; }

.my-account .html-c-overlay .html-c-form-steps {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  background-color: #d7ecf8; }

.my-account .html-c-overlay .html-b-form-inner {
  flex: 1;
  margin: -1px -20px 0;
  padding: 0; }

.my-account .html-c-overlay .html-b-form-section-content {
  padding-bottom: 0; }

.my-account .html-c-overlay .html-b-form-content {
  padding: 20px 20px 0; }

.my-account .html-c-overlay .html-c-button-back .html-text {
  position: relative;
  padding-left: 20px; }
  .my-account .html-c-overlay .html-c-button-back .html-text::before {
    background-image: url("../images/pui/csobpoj/icons/arrow-back.png");
    background-image: url("../images/pui/csobpoj/icons/arrow-back.svg"), none;
    background-size: 10px 8px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 8px;
    transform: translateY(-50%); }

.my-account .html-c-overlay .html-c-info-panel {
  margin-bottom: 20px; }

.my-account .html-c-overlay .html-b-form-section-header {
  margin-right: 0;
  margin-left: 0;
  padding: 20px; }
  .my-account .html-c-overlay .html-b-form-section-header.accordion__link {
    padding-right: 40px; }

.my-account .html-c-overlay .accordion__label {
  right: 10px; }

.my-account .html-c-overlay .accordion__arrow {
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.png");
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.svg"), none;
  background-size: 23px 13px;
  display: block;
  width: 23px;
  height: 13px;
  font-size: 0; }

.my-account .html-c-overlay .accordion__item.is-expanded .accordion__arrow {
  transform: rotate(180deg); }

.my-account .html-c-overlay .html-b-form-content {
  padding-top: 20px; }

.my-account .html-c-overlay .html-c-form-row:last-of-type {
  padding-bottom: 10px; }

.my-account .html-c-overlay .html-b-form-section-default .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-caption,
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content {
    padding-left: 0;
    text-align: right; }
    .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-checkbox,
    .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-text {
      text-align: left; }
    .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-text-right {
      text-align: right; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-frm-auto:last-child {
    margin-right: 0; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-frm-auto + .html-frm-auto {
    margin-left: 20px; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row .html-c-checkbox {
    padding-right: 0; }

.my-account .html-c-overlay .html-content .html-c-form-row-input {
  display: flex;
  align-items: center;
  min-height: 70px; }

.my-account .html-c-overlay .html-b-form-row-content .pui-help-link {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #0a7caf; }
  .my-account .html-c-overlay .html-b-form-row-content .pui-help-link::before {
    position: relative;
    content: url("../images/pui/csobpoj/icons/commons-help.svg");
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    transform: translateY(-50%); }
    .my-account .html-c-overlay .html-b-form-row-content .pui-help-link::before:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .my-account .html-c-overlay .html-b-form-row-content .pui-help-link::before:before {
      clip: rect(0px, 50px, 50px, 0px);
      -webkit-clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      -webkit-transform: translate(0px, 0px);
      -moz-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }

.my-account .html-c-overlay .html-b-form-row-content .pui-info-link {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #0a7caf; }
  .my-account .html-c-overlay .html-b-form-row-content .pui-info-link::before {
    background-image: url("../images/pui/csobpoj/icons/zprava-informacni.png");
    background-image: url("../images/pui/csobpoj/icons/zprava-informacni.svg"), none;
    background-size: 18px 18px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px;
    transform: translateY(-50%); }

.my-account .html-c-overlay .html-b-form-section-header-select {
  position: relative;
  justify-content: flex-start;
  padding: 10px;
  background-color: rgba(215, 236, 248, 0.3); }
  .my-account .html-c-overlay .html-b-form-section-header-select .html-c-checkbox {
    flex: 1 1 auto; }
    .my-account .html-c-overlay .html-b-form-section-header-select .html-c-checkbox .html-form-field {
      position: relative;
      width: auto;
      padding-left: 29px;
      cursor: pointer; }
      .my-account .html-c-overlay .html-b-form-section-header-select .html-c-checkbox .html-form-field .html-decorated-field {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0;
        transform: translateY(-50%); }
  .my-account .html-c-overlay .html-b-form-section-header-select .html-b-form-section-title {
    color: #686868;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-size: 16px !important;
    line-height: 20px; }
    .my-account .html-c-overlay .html-b-form-section-header-select .html-b-form-section-title strong {
      color: #000000; }
  .my-account .html-c-overlay .html-b-form-section-header-select .html-b-form-section-number {
    display: block;
    font-size: 12px; }
  .my-account .html-c-overlay .html-b-form-section-header-select .accordion__link {
    position: absolute;
    top: 15px;
    right: 10px;
    width: auto;
    background-color: transparent; }
  .my-account .html-c-overlay .html-b-form-section-header-select .accordion__label {
    position: relative;
    right: auto; }

.my-account .html-b-form-footer > :last-child {
  margin-bottom: 0; }

.my-account .html-b-form-status-panel {
  margin-bottom: 20px; }
  .my-account .html-b-form-status-panel.mb-0 {
    margin-bottom: 0; }

.my-account .list {
  padding-left: 0;
  list-style: none; }
  .my-account .list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px; }
    .my-account .list li::before {
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #0099cc; }

@media (min-width: 521px) {
  .my-account .html-c-form-row-input .html-b-form-row-content {
    padding-left: 160px; } }

@media (max-width: 768px) {
  .my-account .html-b-form-section-title {
    font-size: 18px !important; }
  .my-account .html-c-form .html-c-form-steps .html-step-caption {
    display: none;
    width: 450%;
    white-space: nowrap; }
  .my-account .html-c-form .html-c-form-steps .html-is-active .html-step-caption {
    display: block; }
  .my-account .inp-switch-text {
    width: 80px !important;
    padding: 7px 5px !important;
    font-size: 14px !important; }
  .my-account .html-b-form-section-header-select .html-c-sticker {
    display: block;
    flex: 1 1 auto;
    width: 100%;
    margin-top: 10px; }
  .my-account .html-b-form-row-content--m-wrap .html-frm-slot {
    margin-right: 0; }
  .my-account .html-b-form-row-content--m-wrap .html-frm-small {
    width: 100%; }
    .my-account .html-b-form-row-content--m-wrap .html-frm-small .html-c-text {
      display: inline; } }

@media (min-width: 769px) {
  .my-account .html-c-form-row {
    font-size: 16px; }
  .my-account .html-b-form-section-header {
    height: 60px;
    padding: 12px 20px 11px; }
    .my-account .html-b-form-section-header > * {
      margin-bottom: 0; }
  .my-account .html-b-form-section-header-has-steps {
    height: auto; }
  .my-account .html-c-overlay .accordion__label {
    right: 20px; }
  .my-account .html-c-overlay .html-b-form-section-header.accordion__link {
    padding-right: 63px; }
  .my-account .html-c-overlay .html-b-form-section-header-select {
    padding: 10px 20px; }
    .my-account .html-c-overlay .html-b-form-section-header-select .html-c-sticker {
      position: absolute;
      top: 0;
      right: 63px; }
  .my-account .html-c-overlay .html-b-form-section-default .html-c-form-row {
    padding-right: 20px;
    padding-left: 20px; } }

.message-detail {
  font-size: 16px; }
  .message-detail a {
    color: #0a7caf; }
  .message-detail .html-c-form-row-set > .html-c-form-row {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px; }
  .message-detail .html-b-form-section-content {
    margin-bottom: 20px; }
  .message-detail .html-b-form-section-content .html-c-form-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .message-detail .html-b-form-section-content .html-c-form-row .html-b-form-row-caption {
      max-width: none; }
    .message-detail .html-b-form-section-content .html-c-form-row .html-b-form-row-content {
      margin-left: 0;
      padding-left: 0;
      text-align: right; }
  .message-detail .html-b-page-file {
    position: relative;
    margin: 0 -20px;
    padding: 15px 50px 0;
    border-top: 1px solid #dde0e4; }
    .message-detail .html-b-page-file .icon {
      position: absolute;
      top: 15px;
      left: 20px; }
  @media (min-width: 481px) {
    .message-detail .b-heading.has-icon .b-heading__main {
      padding-left: 32px; }
    .message-detail .html-b-form-section-content .html-c-form-row {
      margin: 0 0 0 20px; } }

.contract-insurance .portlet-layout-heading,
.my-contract-property-insurance .portlet-layout-heading,
.my-contract-life-insurance .portlet-layout-heading,
.my-contracts-life-insurance .portlet-layout-heading,
.my-contracts-card-insurance .portlet-layout-heading,
.my-contracts-car-insurance .portlet-layout-heading {
  position: relative;
  padding-top: 35px; }
  .contract-insurance .portlet-layout-heading .pui-is-header,
  .my-contract-property-insurance .portlet-layout-heading .pui-is-header,
  .my-contract-life-insurance .portlet-layout-heading .pui-is-header,
  .my-contracts-life-insurance .portlet-layout-heading .pui-is-header,
  .my-contracts-card-insurance .portlet-layout-heading .pui-is-header,
  .my-contracts-car-insurance .portlet-layout-heading .pui-is-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }
    .contract-insurance .portlet-layout-heading .pui-is-header .pui-heading-main,
    .my-contract-property-insurance .portlet-layout-heading .pui-is-header .pui-heading-main,
    .my-contract-life-insurance .portlet-layout-heading .pui-is-header .pui-heading-main,
    .my-contracts-life-insurance .portlet-layout-heading .pui-is-header .pui-heading-main,
    .my-contracts-card-insurance .portlet-layout-heading .pui-is-header .pui-heading-main,
    .my-contracts-car-insurance .portlet-layout-heading .pui-is-header .pui-heading-main {
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.contract-insurance .pui-quick-navigation-wrapper,
.my-contract-property-insurance .pui-quick-navigation-wrapper,
.my-contract-life-insurance .pui-quick-navigation-wrapper,
.my-contracts-life-insurance .pui-quick-navigation-wrapper,
.my-contracts-card-insurance .pui-quick-navigation-wrapper,
.my-contracts-car-insurance .pui-quick-navigation-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -10px -10px; }
  .contract-insurance .pui-quick-navigation-wrapper .html-c-button,
  .my-contract-property-insurance .pui-quick-navigation-wrapper .html-c-button,
  .my-contract-life-insurance .pui-quick-navigation-wrapper .html-c-button,
  .my-contracts-life-insurance .pui-quick-navigation-wrapper .html-c-button,
  .my-contracts-card-insurance .pui-quick-navigation-wrapper .html-c-button,
  .my-contracts-car-insurance .pui-quick-navigation-wrapper .html-c-button {
    flex: 0 0 auto;
    margin: 0;
    border: 10px solid transparent;
    border-width: 0 0 10px 10px; }

.contract-insurance .pui-quick-navigation-wrapper .pui-help-link,
.contract-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link,
.my-contract-property-insurance .pui-quick-navigation-wrapper .pui-help-link,
.my-contract-property-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link,
.my-contract-life-insurance .pui-quick-navigation-wrapper .pui-help-link,
.my-contract-life-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link,
.my-contracts-life-insurance .pui-quick-navigation-wrapper .pui-help-link,
.my-contracts-life-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link,
.my-contracts-card-insurance .pui-quick-navigation-wrapper .pui-help-link,
.my-contracts-card-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link,
.my-contracts-car-insurance .pui-quick-navigation-wrapper .pui-help-link,
.my-contracts-car-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 5px 10px 5px 30px;
  color: #0a7caf;
  white-space: normal;
  text-indent: 0; }
  .contract-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .contract-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before,
  .my-contract-property-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .my-contract-property-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before,
  .my-contract-life-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .my-contract-life-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before,
  .my-contracts-life-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .my-contracts-life-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before,
  .my-contracts-card-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .my-contracts-card-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before,
  .my-contracts-car-insurance .pui-quick-navigation-wrapper .pui-help-link::before,
  .my-contracts-car-insurance .html-b-form-section-header .html-b-form-section-help .pui-help-link::before {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: url("../images/pui/csobpoj/icons/commons-help.svg");
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: 0;
    transform: translate(0, -50%); }

.contract-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon,
.my-contract-property-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon,
.my-contract-life-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon,
.my-contracts-life-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon,
.my-contracts-card-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon,
.my-contracts-car-insurance .pui-quick-navigation-wrapper .html-c-button.html-has-left-icon {
  margin-bottom: 0; }

.contract-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link,
.my-contract-property-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link,
.my-contract-life-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link,
.my-contracts-life-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link,
.my-contracts-card-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link,
.my-contracts-car-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link {
  display: flex;
  justify-content: center;
  align-items: center; }

.contract-insurance a {
  color: #0a7caf; }

.contract-insurance .js-dropdown {
  position: relative; }
  .contract-insurance .js-dropdown__link.html-button::before {
    background-image: url("../images/pui/csobpoj/icons/arrow-down-white.png");
    background-image: url("../images/pui/csobpoj/icons/arrow-down-white.svg"), none;
    background-size: 13px 8px;
    top: calc(50% - 2px);
    right: 22px;
    width: 13px;
    height: 8px;
    transform: translate(0, -50%); }
  .contract-insurance .js-dropdown__content {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    z-index: 1000;
    width: 200px;
    padding: 10px;
    border: 1px solid #d0d4d9;
    background-color: #ffffff;
    text-align: left;
    visibility: hidden;
    opacity: 0; }
    .contract-insurance .js-dropdown__content.align-left {
      right: auto;
      left: 0; }
      .contract-insurance .js-dropdown__content.align-left::before {
        right: auto;
        left: 10px; }
      .contract-insurance .js-dropdown__content.align-left::after {
        right: auto;
        left: 9px; }
    .contract-insurance .js-dropdown__content::before, .contract-insurance .js-dropdown__content::after {
      content: '';
      position: absolute;
      bottom: 100%;
      width: 0;
      height: 0;
      border-style: solid; }
    .contract-insurance .js-dropdown__content::before {
      right: 10px;
      z-index: 1;
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #ffffff transparent; }
    .contract-insurance .js-dropdown__content::after {
      right: 9px;
      border-width: 0 9px 9px 9px;
      border-color: transparent transparent #d0d4d9 transparent; }
    .contract-insurance .js-dropdown__content ul {
      padding: 0;
      list-style: none; }
    .contract-insurance .js-dropdown__content li {
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #dde0e4; }
      .contract-insurance .js-dropdown__content li a {
        color: #000000;
        font-size: 13px;
        text-decoration: none; }
        .contract-insurance .js-dropdown__content li a:hover {
          color: #ff6000; }
      .contract-insurance .js-dropdown__content li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0; }

.contract-insurance .js-dropdown.is-open .js-dropdown__link.html-button::before {
  transform: translate(0, -50%) rotate(180deg); }

.contract-insurance .js-dropdown.is-open .js-dropdown__content {
  visibility: visible;
  opacity: 1; }

.contract-insurance .html-b-form-status-panel ~ .html-frm-slot {
  padding-top: 0; }

.contract-insurance .html-b-form-section .accordion__link {
  margin: 0;
  padding: 15px 10px;
  padding-right: 50px;
  color: #0a7caf; }
  .contract-insurance .html-b-form-section .accordion__link h3 {
    margin-bottom: 0; }

.contract-insurance .html-b-form-section .accordion__label {
  right: 20px; }

.contract-insurance .accordion__arrow {
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.png");
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.svg"), none;
  background-size: 23px 13px;
  display: block;
  width: 23px;
  height: 13px;
  font-size: 0; }

.contract-insurance .accordion__item.is-expanded .accordion__arrow {
  transform: rotate(180deg); }

.contract-insurance .h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #003366;
  font-weight: normal;
  font-size: 21px; }

.contract-insurance .list {
  padding-left: 0;
  list-style: none; }
  .contract-insurance .list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px; }
    .contract-insurance .list li::before {
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #0099cc; }

.contract-insurance .portlet-column {
  margin-bottom: 20px; }

.contract-insurance .html-is-link .html-button {
  padding: 0; }

.contract-insurance .html-c-button.html-has-left-icon {
  margin-bottom: 10px; }
  .contract-insurance .html-c-button.html-has-left-icon .html-button {
    padding-left: 30px !important; }
    .contract-insurance .html-c-button.html-has-left-icon .html-button::before {
      left: 0; }

.contract-insurance .html-c-button.html-is-document .html-button::before {
  background-image: url("../images/pui/csobpoj/icons/filetype-pdf.png");
  background-image: url("../images/pui/csobpoj/icons/filetype-pdf.svg"), none;
  background-size: 16px 20px;
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  width: 16px;
  height: 20px;
  transform: translate(0, -50%); }

.contract-insurance .info-tooltip__tooltip {
  display: none; }

.contract-insurance .html-b-form-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0 -20px; }
  .contract-insurance .html-b-form-grid > * {
    border: 20px solid transparent;
    border-width: 0 0 0 20px; }
  .contract-insurance .html-b-form-grid .html-b-form-grid-img {
    flex: 0 0 auto; }
  .contract-insurance .html-b-form-grid .html-b-form-grid-content {
    flex: 1 1 auto; }

.contract-insurance .pui-table-external-link {
  position: relative;
  padding-right: 17px;
  white-space: nowrap; }
  .contract-insurance .pui-table-external-link::before {
    background-image: url("../images/pui/csobpoj/icons/external-link-blue.png");
    background-image: url("../images/pui/csobpoj/icons/external-link-blue.svg"), none;
    background-size: 10px 10px;
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    z-index: 1;
    width: 10px;
    height: 10px;
    transform: translate(0, -50%); }

.contract-insurance .pui-table-no-padding th:first-child,
.contract-insurance .pui-table-no-padding td:first-child {
  padding-left: 0; }

.contract-insurance .pui-table-no-padding th:last-child,
.contract-insurance .pui-table-no-padding td:last-child {
  padding-right: 0; }

.contract-insurance .pui-table-edit {
  background-image: url("../images/pui/csobpoj/icons/edit.png");
  background-image: url("../images/pui/csobpoj/icons/edit.svg"), none;
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 30px; }

.contract-insurance .pui-table-transaction {
  background-image: url("../images/pui/csobpoj/icons/transaction.png");
  background-image: url("../images/pui/csobpoj/icons/transaction.svg"), none;
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 30px; }

.contract-insurance .html-b-form-flag {
  display: block;
  padding: 5px 10px;
  border-radius: 18px;
  background-color: #003366;
  color: #ffffff;
  font-size: 14px; }

.contract-insurance .pui-table tr {
  border-bottom-color: transparent !important; }

.contract-insurance .pui-table thead th {
  border-bottom-color: #000000;
  white-space: nowrap; }

.contract-insurance .pui-table td {
  padding: 10px;
  color: #686868; }
  .contract-insurance .pui-table td:last-child {
    white-space: nowrap; }

.contract-insurance .pui-table tfoot th {
  color: #686868;
  font-weight: normal; }

.contract-insurance .pui-table .pui-table-centered {
  padding-right: 70px !important; }

.contract-insurance .pui-table .pui-table-right {
  text-align: right; }

.contract-insurance .pui-table .pui-table-center {
  text-align: center; }

.contract-insurance .pui-table .pui-table-regular {
  font-weight: normal; }

.contract-insurance .pui-table .pui-table-grey {
  color: #686868; }

.contract-insurance .pui-table .pui-table-black {
  color: #000000 !important; }

.contract-insurance .pui-table .pui-table-red {
  color: #c50101; }

.contract-insurance .pui-table .pui-table-no-border {
  border-bottom: 0; }

.contract-insurance .pui-table .pui-table-250 {
  width: 250px !important; }

.contract-insurance .pui-table .pui-table-first-row td {
  padding-top: 15px !important; }

.contract-insurance .pui-table .pui-table-info {
  position: relative;
  padding-right: 28px; }
  .contract-insurance .pui-table .pui-table-info .html-c-information-tooltip {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%); }
  .contract-insurance .pui-table .pui-table-info:not(th):not(td) {
    display: inline-block; }

.contract-insurance .pui-table td.html-b-form-title-row {
  display: table-cell !important;
  width: auto;
  max-width: none;
  margin: 0; }

.contract-insurance .pui-table.pui-table-has-last-info th:last-child,
.contract-insurance .pui-table.pui-table-has-last-info td:last-child {
  padding-right: 28px; }

.contract-insurance .pui-table.pui-table-header-wrap thead th {
  white-space: normal; }

.contract-insurance .pui-table.pui-table-separator {
  margin-bottom: 20px; }
  .contract-insurance .pui-table.pui-table-separator tbody tr:last-child td {
    border-bottom: 1px solid #dde0e4; }

.contract-insurance .pui-table.pui-table-footer tbody tr:last-child td {
  border-bottom: 1px solid #000000; }

.contract-insurance .pui-table.pui-table-first-child-width td:first-child {
  width: 60%; }

.contract-insurance .pui-table.pui-table-body-top tbody th,
.contract-insurance .pui-table.pui-table-body-top tbody td {
  vertical-align: top; }

.contract-insurance .pui-table.pui-table-header th,
.contract-insurance .pui-table.pui-table-header td {
  padding-right: 20px;
  padding-left: 20px; }

.contract-insurance .pui-table.pui-table-header thead th {
  padding: 20px;
  border-bottom: 0;
  background-color: #d7ecf8;
  white-space: nowrap; }

.contract-insurance .pui-table.pui-table-header tbody tr:first-child {
  border-top: 0; }
  .contract-insurance .pui-table.pui-table-header tbody tr:first-child td {
    padding-top: 30px; }

.contract-insurance .pui-table.pui-table--3, .contract-insurance .pui-table.pui-table--4 {
  padding-right: 5px; }
  .contract-insurance .pui-table.pui-table--3 th,
  .contract-insurance .pui-table.pui-table--3 td, .contract-insurance .pui-table.pui-table--4 th,
  .contract-insurance .pui-table.pui-table--4 td {
    min-width: 150px;
    height: 50px;
    padding-top: 5px;
    padding-bottom: 5px; }
    .contract-insurance .pui-table.pui-table--3 th:not(:first-child),
    .contract-insurance .pui-table.pui-table--3 td:not(:first-child), .contract-insurance .pui-table.pui-table--4 th:not(:first-child),
    .contract-insurance .pui-table.pui-table--4 td:not(:first-child) {
      padding-left: 30px; }
    .contract-insurance .pui-table.pui-table--3 th:not(:last-child),
    .contract-insurance .pui-table.pui-table--3 td:not(:last-child), .contract-insurance .pui-table.pui-table--4 th:not(:last-child),
    .contract-insurance .pui-table.pui-table--4 td:not(:last-child) {
      padding-right: 30px; }
  .contract-insurance .pui-table.pui-table--3 thead th, .contract-insurance .pui-table.pui-table--4 thead th {
    white-space: normal; }

.contract-insurance .pui-table.pui-table--3 .html-is-total-value {
  padding-right: 90px; }

.contract-insurance .pui-table.pui-table--investment-profile table {
  border-collapse: separate; }

.contract-insurance .pui-table.pui-table--investment-profile th,
.contract-insurance .pui-table.pui-table--investment-profile td {
  height: 60px;
  border: 1px solid #ffffff;
  text-align: center; }

.contract-insurance .pui-table.pui-table--investment-profile thead th {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #d7ecf8;
  white-space: normal; }

.contract-insurance .pui-table.pui-table--investment-profile tbody th {
  font-weight: normal;
  text-align: left; }

.contract-insurance .pui-table.pui-table--investment-profile tbody tr:nth-child(even) {
  background-color: rgba(215, 236, 248, 0.3); }

.contract-insurance .pui-table.pui-table--investment-profile .html-c-radio,
.contract-insurance .pui-table.pui-table--investment-profile .html-c-combo {
  padding-right: 0; }

.contract-insurance .pui-table.pui-table--investment-scenarios th,
.contract-insurance .pui-table.pui-table--investment-scenarios td {
  height: 40px; }

.contract-insurance .pui-table.pui-table--investment-scenarios thead th {
  height: 80px; }

.contract-insurance .pui-table.pui-table--investment-scenarios tbody th,
.contract-insurance .pui-table.pui-table--investment-scenarios tbody td {
  color: #000000;
  font-weight: bold; }

.contract-insurance .pui-table.pui-table--investment-scenarios tfoot td {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top: 1px solid #d7ecf8;
  font-size: 0.875rem;
  white-space: normal;
  text-align: left; }

.contract-insurance .html-c-button.html-is-phone-call {
  margin: 0; }
  .contract-insurance .html-c-button.html-is-phone-call .html-button {
    text-align: left; }

.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding thead th:first-child,
.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding tfoot th:first-child,
.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding td:first-child {
  padding-left: 10px; }

.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding thead th:last-child,
.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding tfoot th:last-child,
.contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding td:last-child {
  padding-right: 10px; }

.contract-insurance .html-c-product-info.html-is-product-detail-header {
  margin: 0 -10px 10px;
  padding-right: 10px;
  padding-bottom: 10px !important;
  padding-left: 10px; }
  .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-alias,
  .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-amount {
    color: #686868;
    font-size: 16px; }
  .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-alias strong {
    color: #000000; }
  .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-amount {
    color: #000000; }
  .contract-insurance .html-c-product-info.html-is-product-detail-header .html-c-sticker {
    left: 10px; }

.contract-insurance .html-b-form-section-content {
  padding-bottom: 20px; }
  .contract-insurance .html-b-form-section-content-small {
    padding-bottom: 10px; }

.contract-insurance .pui-m-my-contracts.pui-is-detail .html-c-form-row:last-child {
  border-bottom-color: #dde0e4; }

.contract-insurance .html-b-form-section-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 5px; }
  .contract-insurance .html-b-form-section-header > * {
    flex: 1 1 auto;
    margin-bottom: 10px; }
  .contract-insurance .html-b-form-section-header h3 {
    color: #0a7caf;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px; }
  .contract-insurance .html-b-form-section-header .html-b-form-section-help {
    display: flex;
    flex-wrap: wrap; }
    .contract-insurance .html-b-form-section-header .html-b-form-section-help h3 {
      margin: 0 10px 0 0; }
  .contract-insurance .html-b-form-section-header .html-c-button {
    flex: 0 0 auto; }
  .contract-insurance .html-b-form-section-header .html-b-form-flag {
    flex: 0 0 auto; }
  .contract-insurance .html-b-form-section-header.accordion__header {
    padding: 0; }

.contract-insurance .html-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px 0 -20px -20px !important; }
  .contract-insurance .html-buttons > * {
    border: 20px solid transparent;
    border-width: 0 0 20px 20px; }
  .contract-insurance .html-buttons .html-is-payment .html-button {
    padding: 9px 20px 9px 50px;
    border-radius: 5px 0 0 5px;
    background-color: #d7ecf8;
    color: #003366;
    font-size: 8px;
    line-height: 9px;
    text-transform: uppercase;
    box-shadow: inset 0 -2px 0 #c8e0eb; }
    .contract-insurance .html-buttons .html-is-payment .html-button::before {
      background-image: url("../images/pui/csobpoj/logos/logo.png");
      background-image: url("../images/pui/csobpoj/logos/logo.svg"), none;
      background-size: 21px 16px;
      content: '';
      position: absolute;
      top: 50%;
      left: 10px;
      width: 21px;
      height: 16px;
      transform: translate(0, -50%); }
    .contract-insurance .html-buttons .html-is-payment .html-button::after {
      background-image: url("../images/pui/csobpoj/icons/arrow-right-white.png");
      background-image: url("../images/pui/csobpoj/icons/arrow-right-white.svg"), none;
      background-size: 8px 13px;
      content: '';
      position: absolute;
      top: 50%;
      left: 100%;
      width: 24px;
      height: 100%;
      border-radius: 0 5px 5px 0;
      background-color: #0099cc;
      background-position: center;
      background-repeat: no-repeat;
      transform: translate(0, -50%);
      box-shadow: inset 0 -2px 0 #006b8e; }
    .contract-insurance .html-buttons .html-is-payment .html-button:hover {
      background-color: #c8e0eb; }
      .contract-insurance .html-buttons .html-is-payment .html-button:hover::after {
        background-color: #006b8e; }

.contract-insurance .html-c-info-panel .html-buttons {
  margin: 10px 0 -10px -10px !important; }
  .contract-insurance .html-c-info-panel .html-buttons > * {
    border-width: 0 0 10px 10px; }

.contract-insurance .html-c-text a {
  color: #0a7caf;
  white-space: normal !important;
  word-break: break-all; }

.contract-insurance .html-c-text-btns {
  display: flex;
  align-items: center;
  margin: 0 0 0 -10px !important; }
  .contract-insurance .html-c-text-btns > * {
    border: 10px solid transparent;
    border-width: 0 0 0 10px; }

.contract-insurance .html-c-text--error,
.contract-insurance .html-c-text--warning {
  position: relative;
  padding-left: 29px;
  color: #c50101; }
  .contract-insurance .html-c-text--error::before,
  .contract-insurance .html-c-text--warning::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
    transform: translate(0, -50%); }

.contract-insurance .html-c-text--error {
  color: #c50101; }
  .contract-insurance .html-c-text--error::before {
    background-image: url("../images/pui/csobpoj/icons/infopanel-error.png");
    background-image: url("../images/pui/csobpoj/icons/infopanel-error.svg"), none;
    background-size: 22px 22px; }

.contract-insurance .html-c-text--warning {
  color: #9d6712; }
  .contract-insurance .html-c-text--warning::before {
    background-image: url("../images/pui/csobpoj/icons/infopanel-warn.png");
    background-image: url("../images/pui/csobpoj/icons/infopanel-warn.svg"), none;
    background-size: 22px 22px; }

.contract-insurance .html-c-form .html-b-form-content .html-b-form-title-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 10px 0;
  background-color: #d7ecf8;
  color: #0a7caf; }
  .contract-insurance .html-c-form .html-b-form-content .html-b-form-title-row > * {
    flex: 1 1 auto;
    margin-bottom: 10px; }
  .contract-insurance .html-c-form .html-b-form-content .html-b-form-title-row > :last-child {
    flex: 0 0 auto; }

.contract-insurance .html-c-form-documents .accordion__content {
  margin-top: 5px;
  margin-bottom: 25px; }

.contract-insurance .pui-m-my-contracts-link {
  font-size: 16px; }
  .contract-insurance .pui-m-my-contracts-link a {
    color: #c50101; }

.contract-insurance .html-tab-header {
  display: flex;
  align-items: center; }

.contract-insurance .html-c-tab-panel .html-tab-item {
  width: auto;
  margin: 0; }

.contract-insurance .html-c-tab-panel .html-tab-link {
  display: block;
  width: 230px;
  padding: 10px;
  border: 1px solid #0a7caf;
  border-radius: 0;
  background-color: #ffffff;
  color: #0a7caf;
  font-size: 16px;
  white-space: normal;
  text-align: center;
  text-decoration: none; }

.contract-insurance .html-c-tab-panel .html-tab-link.pui-active {
  background-color: #0a7caf;
  color: #ffffff; }

.contract-insurance .html-c-tab-panel .html-tab-item:first-child .html-tab-link {
  border-radius: 5px 0 0 5px; }

.contract-insurance .html-c-tab-panel .html-tab-item:last-child .html-tab-link {
  border-radius: 0 5px 5px 0; }

.contract-insurance .html-b-overlay {
  max-width: 870px;
  font-size: 16px; }
  .contract-insurance .html-b-overlay .html-content p {
    margin-bottom: 20px; }
  .contract-insurance .html-b-overlay .html-b-form-status-panel:first-child .html-c-info-panel {
    margin-top: 0; }

.contract-insurance .html-c-form .html-c-form-steps {
  flex: 1 1 auto;
  margin-top: 20px;
  margin-bottom: 0; }
  .contract-insurance .html-c-form .html-c-form-steps .html-list-steps {
    justify-content: space-around; }
  .contract-insurance .html-c-form .html-c-form-steps .html-list-steps--3 .html-step {
    width: 33.3%; }
  .contract-insurance .html-c-form .html-c-form-steps .html-list-steps--4 .html-step {
    width: 25%; }
  .contract-insurance .html-c-form .html-c-form-steps .html-step-number {
    background-color: #0a7caf; }
  .contract-insurance .html-c-form .html-c-form-steps .html-step-caption {
    word-break: break-word; }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-passed .html-step-number {
    background-color: #d0d4d9;
    font-size: 0; }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-passed .html-step-icon {
    background-image: url("../images/pui/csobpoj/icons/check.png");
    background-image: url("../images/pui/csobpoj/icons/check.svg"), none;
    background-size: 12px 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 8px;
    transform: translate(-50%, -50%); }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-passed .html-step-caption {
    color: #434548; }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-active .html-step-number {
    background-color: #ff6000; }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-active .html-step-caption {
    color: #ff6000; }

.contract-insurance .html-c-info-panel .html-content p {
  margin-bottom: 15px; }

.contract-insurance .html-c-info-panel .html-content > :last-child {
  margin-bottom: 0; }

.contract-insurance .html-c-date-picker .html-calendar-toggle {
  top: 8px; }

.contract-insurance .html-c-date-picker .html-button {
  background-image: url("../images/pui/csobpoj/icons/calendar.png");
  background-image: url("../images/pui/csobpoj/icons/calendar.svg"), none;
  background-size: 21px 24px;
  width: 21px;
  height: 24px;
  pointer-events: none; }

.contract-insurance .pt-0 {
  padding-top: 0 !important; }

.contract-insurance .pb-0 {
  padding-bottom: 0 !important; }

.contract-insurance .pr-0 {
  padding-right: 0 !important; }

.contract-insurance .mb-0 {
  margin-bottom: 0 !important; }

.contract-insurance .mb-10 {
  margin-bottom: 10px !important; }

.contract-insurance .html-c-overlay .html-content .html-b-form-header .html-c-info-header {
  margin-top: 0;
  padding: 0; }

.contract-insurance .html-c-overlay .html-close .html-button {
  background-image: url("../images/pui/csobpoj/icons/close-blue.png");
  background-image: url("../images/pui/csobpoj/icons/close-blue.svg"), none;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat; }

.contract-insurance .html-c-overlay .html-c-input-field.html-is-invalid .html-input, .contract-insurance .html-c-overlay .html-is-invalid.html-c-date-picker .html-input {
  color: #c50101; }

.contract-insurance .html-c-overlay .js-show .html-c-form-row-input:first-child {
  padding-bottom: 0;
  border-bottom: 0; }

.contract-insurance .html-c-overlay .js-show .html-c-form-row-input:last-child {
  padding: 3px 0 13px;
  border-top: 1px solid #dde0e4; }

.contract-insurance .html-c-overlay .html-b-overlay {
  max-height: calc(100vh - 15%); }
  .contract-insurance .html-c-overlay .html-b-overlay .html-b-form-header,
  .contract-insurance .html-c-overlay .html-b-overlay .html-b-form-footer {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 50; }
  .contract-insurance .html-c-overlay .html-b-overlay .html-b-form-footer {
    top: auto;
    bottom: 0;
    border-top: 1px solid #dde0e4;
    background-color: #ffffff; }
  .contract-insurance .html-c-overlay .html-b-overlay .html-c-button {
    z-index: 16; }

.contract-insurance .html-c-overlay .html-c-form-row:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.contract-insurance .html-c-overlay .html-b-form-inner {
  flex: 1;
  margin: -1px -20px 0;
  padding: 0; }

.contract-insurance .html-c-overlay .html-c-form-steps {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  background-color: #d7ecf8; }

.contract-insurance .html-c-overlay .html-b-form-content {
  padding: 20px 20px 0; }

.contract-insurance .html-c-overlay .html-is-cta {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 25px 20px 25px 70px;
  border: 1px solid #ff6000;
  color: #ff6000;
  font-size: 14px; }
  .contract-insurance .html-c-overlay .html-is-cta::before {
    background-image: url("../images/pui/csobpoj/icons/pen.png");
    background-image: url("../images/pui/csobpoj/icons/pen.svg"), none;
    background-size: 30px 30px;
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translateY(-50%); }
  .contract-insurance .html-c-overlay .html-is-cta strong {
    font-size: 21px; }
  .contract-insurance .html-c-overlay .html-is-cta .html-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 -15px -15px; }
    .contract-insurance .html-c-overlay .html-is-cta .html-content > * {
      margin-bottom: 0;
      border: 15px solid transparent;
      border-width: 0 0 15px 15px; }
  .contract-insurance .html-c-overlay .html-is-cta .html-button {
    padding: 8px 20px 8px 20px;
    border: 1px solid #ff6000;
    background-color: #ffffff;
    color: #ff6000;
    box-shadow: none; }
    .contract-insurance .html-c-overlay .html-is-cta .html-button:hover {
      box-shadow: none; }

.contract-insurance .html-c-overlay .pui-table {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  overflow: hidden;
  overflow-x: auto; }
  .contract-insurance .html-c-overlay .pui-table table {
    width: 100%;
    border-top: 0; }
  .contract-insurance .html-c-overlay .pui-table tr:last-child td {
    border-bottom: 0; }
  .contract-insurance .html-c-overlay .pui-table .html-c-input-field-percentage .html-form-field,
  .contract-insurance .html-c-overlay .pui-table .html-c-input-field-crowns .html-form-field {
    position: relative; }
    .contract-insurance .html-c-overlay .pui-table .html-c-input-field-percentage .html-form-field::after,
    .contract-insurance .html-c-overlay .pui-table .html-c-input-field-crowns .html-form-field::after {
      content: '%';
      position: absolute;
      top: 50%;
      right: 8px;
      z-index: 1;
      transform: translateY(-50%); }
    .contract-insurance .html-c-overlay .pui-table .html-c-input-field-percentage .html-form-field .html-input,
    .contract-insurance .html-c-overlay .pui-table .html-c-input-field-crowns .html-form-field .html-input {
      min-width: 100px;
      padding-right: 25px; }
  .contract-insurance .html-c-overlay .pui-table .html-c-input-field-crowns .html-form-field::after {
    content: 'Kč'; }
  .contract-insurance .html-c-overlay .pui-table .html-has-plus .html-form-field::before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 10;
    width: 10px;
    height: 10px;
    color: #000000;
    font-size: 16px;
    line-height: 0.5;
    transform: translateY(-50%); }
  .contract-insurance .html-c-overlay .pui-table .html-has-plus input {
    padding-left: 25px; }
  .contract-insurance .html-c-overlay .pui-table .html-is-total-value {
    color: #d8020e; }
  .contract-insurance .html-c-overlay .pui-table .html-is-total-value-percentage {
    padding-right: 70px !important; }

.contract-insurance .html-c-overlay .html-c-checkboxes {
  padding-top: 15px; }
  .contract-insurance .html-c-overlay .html-c-checkboxes .html-c-checkbox {
    width: 100%;
    margin-bottom: 10px; }

.contract-insurance .html-c-overlay .html-c-form-row .radio-boxes {
  margin-bottom: 10px; }

.contract-insurance .html-c-overlay .html-c-button-back .html-text {
  position: relative;
  padding-left: 20px; }
  .contract-insurance .html-c-overlay .html-c-button-back .html-text::before {
    background-image: url("../images/pui/csobpoj/icons/arrow-back.png");
    background-image: url("../images/pui/csobpoj/icons/arrow-back.svg"), none;
    background-size: 10px 8px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 8px;
    transform: translateY(-50%); }

.contract-insurance .html-c-overlay .html-c-form {
  display: flex;
  flex-direction: column; }

.contract-insurance .html-c-overlay .html-c-info-panel {
  margin-bottom: 20px; }

.contract-insurance .html-c-overlay .html-c-form-row .html-c-info-panel {
  margin-top: 20px;
  margin-bottom: 10px; }

.contract-insurance .html-c-overlay .html-c-form-row .html-c-info-panel .esg-prifile {
  margin-top: 8px; }
  .contract-insurance .html-c-overlay .html-c-form-row .html-c-info-panel .esg-prifile li {
    padding: 0 0;
    margin-left: 20px;
    list-style: disc;
    border: none; }

.contract-insurance .html-c-overlay .html-b-form-section-header {
  margin-right: 0;
  margin-left: 0;
  padding: 20px; }
  .contract-insurance .html-c-overlay .html-b-form-section-header.accordion__link {
    padding-right: 40px; }

.contract-insurance .html-c-overlay .html-tab-content {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }
  .contract-insurance .html-c-overlay .html-tab-content > :last-child {
    margin-bottom: 10px; }

.contract-insurance .html-c-overlay .accordion__label {
  right: 10px; }

.contract-insurance .html-c-overlay .accordion__arrow {
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.png");
  background-image: url("../images/pui/csobpoj/icons/arrow-down-blue.svg"), none;
  background-size: 23px 13px;
  display: block;
  width: 23px;
  height: 13px;
  font-size: 0; }

.contract-insurance .html-c-overlay .accordion__item.is-expanded .accordion__arrow {
  transform: rotate(180deg); }

.contract-insurance .html-c-overlay .accordion__content {
  margin-top: -10px;
  margin-bottom: 30px; }

.contract-insurance .html-c-overlay .html-b-form-content {
  padding-top: 20px; }

.contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row {
  display: table;
  width: 100%;
  min-width: 0; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-caption,
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content {
    display: table-cell;
    width: auto; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content {
    padding-left: 0;
    text-align: right; }
    .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-checkbox,
    .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-text {
      text-align: left; }
    .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-b-form-row-content .html-c-text-right {
      text-align: right; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-frm-auto:last-child {
    margin-right: 0; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-frm-auto + .html-frm-auto {
    margin-left: 20px; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row .html-c-checkbox {
    padding-right: 0; }

.contract-insurance .html-c-overlay .html-content .html-c-form-row-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 70px;
  margin: 0; }
  .contract-insurance .html-c-overlay .html-content .html-c-form-row-input.html-c-form-row-small {
    min-height: 0; }
    .contract-insurance .html-c-overlay .html-content .html-c-form-row-input.html-c-form-row-small .html-c-checkbox {
      padding-top: 0; }

.contract-insurance .html-c-overlay .html-form-field--info {
  position: relative;
  padding-right: 25px; }
  .contract-insurance .html-c-overlay .html-form-field--info .html-c-information-tooltip {
    position: absolute;
    top: 0;
    right: -5px; }

.contract-insurance .html-c-overlay .html-b-form-row-content .pui-help-link {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #0a7caf; }
  .contract-insurance .html-c-overlay .html-b-form-row-content .pui-help-link::before {
    position: relative;
    content: url("../images/pui/csobpoj/icons/commons-help.svg");
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    transform: translateY(-50%); }
    .contract-insurance .html-c-overlay .html-b-form-row-content .pui-help-link::before:before {
      content: url("../images/pui/csobpoj/sprites/sprite-infopanel.svg");
      position: absolute;
      display: block;
      width: 250px;
      height: 150px;
      transform-origin: 0 0; }
    .contract-insurance .html-c-overlay .html-b-form-row-content .pui-help-link::before:before {
      clip: rect(0px, 50px, 50px, 0px);
      -webkit-clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      clip-path: polygon(0px 0px, 50px 0px, 50px 50px, 0px 50px);
      -webkit-transform: translate(0px, 0px);
      -moz-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }

.contract-insurance .html-c-overlay .html-b-form-row-content-info {
  position: relative;
  display: inline-flex;
  width: auto; }
  .contract-insurance .html-c-overlay .html-b-form-row-content-info .html-c-information-tooltip {
    position: absolute;
    top: calc(50% + 5px);
    right: 0;
    transform: translateY(-50%); }

.contract-insurance .html-c-overlay .html-b-form-section-header-select {
  justify-content: flex-start;
  padding: 10px 20px;
  background-color: rgba(215, 236, 248, 0.3); }
  .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-c-checkbox {
    flex: 1 1 auto; }
    .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-c-checkbox .html-form-field {
      position: relative;
      padding-left: 29px;
      cursor: pointer; }
      .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-c-checkbox .html-form-field .html-decorated-field {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0;
        transform: translateY(-50%); }
  .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-b-form-section-title {
    color: #686868;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-size: 16px !important;
    line-height: 20px; }
    .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-b-form-section-title strong {
      color: #000000; }
  .contract-insurance .html-c-overlay .html-b-form-section-header-select .html-b-form-section-number {
    display: block;
    font-size: 12px; }
  .contract-insurance .html-c-overlay .html-b-form-section-header-select .accordion__link {
    position: absolute;
    top: 15px;
    right: 10px;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: transparent; }
  .contract-insurance .html-c-overlay .html-b-form-section-header-select .accordion__label {
    position: relative;
    right: auto; }

.contract-insurance .html-c-overlay .html-c-radios-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: auto;
  max-width: none;
  margin-bottom: -10px;
  margin-left: -10px; }
  .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio {
    width: 50%;
    padding-right: 0;
    border: 10px solid transparent;
    border-width: 0 0 10px 10px; }
    .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio .html-form-field {
      width: auto; }
    .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio .html-c-information-tooltip.html-round-icon {
      margin-left: 0; }

.contract-insurance .html-c-overlay .html-c-radios-list .html-c-radio {
  display: block;
  margin-bottom: 5px;
  padding-right: 0; }
  .contract-insurance .html-c-overlay .html-c-radios-list .html-c-radio:last-child {
    margin-bottom: 0; }

.contract-insurance .html-c-overlay .radio-boxes__content {
  display: none;
  margin-top: 10px; }
  .contract-insurance .html-c-overlay .radio-boxes__content.is-visible {
    display: block; }
  .contract-insurance .html-c-overlay .radio-boxes__content .html-c-form-info {
    padding-top: 20px; }
  .contract-insurance .html-c-overlay .radio-boxes__content .html-label > :last-child {
    margin-bottom: 0; }

.contract-insurance .html-c-overlay .html-label-flex {
  display: flex;
  align-items: center;
  margin: 0 0 0 -10px; }
  .contract-insurance .html-c-overlay .html-label-flex > * {
    border: 10px solid transparent;
    border-width: 0 0 0 10px; }

.contract-insurance .html-c-overlay .html-label-grey {
  color: #686868; }

.contract-insurance .html-c-overlay .html-c-checkbox-top {
  position: relative;
  padding-left: 20px; }
  .contract-insurance .html-c-overlay .html-c-checkbox-top .html-decorated-field {
    position: absolute;
    top: 2px;
    left: 0;
    margin: 0; }

.contract-insurance .html-is-counter {
  position: relative;
  padding-right: 26px; }
  .contract-insurance .html-is-counter .html-form-field {
    width: auto; }
  .contract-insurance .html-is-counter .html-c-information-tooltip {
    margin-left: 0; }
  .contract-insurance .html-is-counter .html-is-counter__return {
    background-image: url("../images/pui/csobpoj/icons/return.png");
    background-image: url("../images/pui/csobpoj/icons/return.svg"), none;
    background-size: 16px 16px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.3s, visibility 0.3s; }
    .contract-insurance .html-is-counter .html-is-counter__return-text {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      clip: rect(0 0 0 0); }
  .contract-insurance .html-is-counter .inp-count {
    position: relative; }
    .contract-insurance .html-is-counter .inp-count .inp-text {
      width: 135px;
      height: 39px;
      padding-right: 60px;
      padding-left: 42px;
      border: 1px solid #d7d7d7;
      border-radius: 3px 0 0 3px;
      color: #000000;
      text-align: right;
      /* Chrome, Safari, Edge, Opera */
      /* Firefox */ }
      .contract-insurance .html-is-counter .inp-count .inp-text::-webkit-outer-spin-button, .contract-insurance .html-is-counter .inp-count .inp-text::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none; }
      .contract-insurance .html-is-counter .inp-count .inp-text[type='number'] {
        -moz-appearance: textfield; }
    .contract-insurance .html-is-counter .inp-count__percentage {
      position: absolute;
      top: 50%;
      right: 45px;
      margin-top: 1px;
      color: #000000;
      transform: translateY(-50%); }
    .contract-insurance .html-is-counter .inp-count__tool {
      position: absolute;
      top: 50%;
      width: 26px;
      height: 26px;
      border-radius: 3px;
      background: #0099cc;
      transform: translateY(-50%);
      transition: background-color 0.3s;
      box-shadow: 0 -2px 0 0 #006b8e inset; }
      .contract-insurance .html-is-counter .inp-count__tool::before, .contract-insurance .html-is-counter .inp-count__tool::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 6px;
        left: 6px;
        height: 2px;
        margin-top: -1px;
        background: #ffffff; }
      .contract-insurance .html-is-counter .inp-count__tool.is-disabled {
        background-color: #eff1f3;
        cursor: auto;
        pointer-events: none;
        box-shadow: 0 -2px 0 0 rgba(100, 100, 100, 0.2) inset; }
        .contract-insurance .html-is-counter .inp-count__tool.is-disabled::before, .contract-insurance .html-is-counter .inp-count__tool.is-disabled::after {
          background-color: rgba(104, 104, 104, 0.7); }
    .contract-insurance .html-is-counter .inp-count__tool--minus {
      left: 7px; }
    .contract-insurance .html-is-counter .inp-count__tool--plus {
      right: 7px; }
      .contract-insurance .html-is-counter .inp-count__tool--plus::after {
        transform: rotate(90deg); }
    .contract-insurance .html-is-counter .inp-count__tool:hover {
      background: #0a77a9; }
  .contract-insurance .html-is-counter.is-changed .inp-text {
    font-weight: 700; }
  .contract-insurance .html-is-counter.is-changed .html-is-counter__return {
    visibility: visible;
    opacity: 1; }

.contract-insurance .html-count-result.is-changed {
  font-weight: bold; }

.contract-insurance .html-checkbox-result.is-checked {
  font-weight: bold; }

@media (max-width: 768px) {
  .contract-insurance .pui-quick-navigation-wrapper .html-c-button {
    width: 50%; }
  .contract-insurance .pui-quick-navigation-wrapper .html-c-button.html-is-help-link {
    width: 100%;
    margin-top: 10px; }
  .contract-insurance .pui-quick-navigation-wrapper .html-button {
    width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: 13px; }
    .contract-insurance .pui-quick-navigation-wrapper .html-button::before {
      top: 50%;
      right: 10px; }
  .contract-insurance .js-dropdown__link {
    font-size: 14px; }
  .contract-insurance .js-dropdown__content {
    width: auto; }
  .contract-insurance .html-c-form .html-c-form-steps .html-step-caption {
    display: none;
    width: 450%;
    white-space: nowrap; }
  .contract-insurance .html-c-form .html-c-form-steps .html-is-active .html-step-caption {
    display: block; }
  .contract-insurance .inp-switch-text {
    width: 80px !important;
    padding: 7px 5px !important;
    font-size: 14px !important; }
  .contract-insurance .html-c-overlay .html-is-cta .html-button {
    padding: 5px 10px 5px 10px;
    font-size: 14px; }
  .contract-insurance .html-b-overlay {
    font-size: 14px; }
    .contract-insurance .html-b-overlay .html-b-primary-action,
    .contract-insurance .html-b-overlay .html-b-secondary-action {
      margin-top: 10px; }
    .contract-insurance .html-b-overlay .html-c-button .html-button {
      max-width: none;
      padding: 10px;
      font-size: 14px; }
  .contract-insurance .html-c-form-row-input .html-tab-header {
    padding-right: 30px; }
  .contract-insurance .html-c-form-row-input .html-tab-item {
    width: 50%; }
    .contract-insurance .html-c-form-row-input .html-tab-item .html-tab-link {
      display: flex;
      align-items: center;
      width: auto;
      height: 92px;
      padding: 5px;
      font-size: 14px; }
  .contract-insurance .html-c-button.html-is-document .html-button {
    padding-right: 10px;
    padding-bottom: 5px; }
  .contract-insurance .pui-table .html-c-input-field-percentage .html-form-field .html-input,
  .contract-insurance .pui-table .html-c-input-field-crowns .html-form-field .html-input {
    height: 29px;
    min-height: 29px; }
  .contract-insurance .pui-table .html-c-input-field-percentage .html-c-information-tooltip,
  .contract-insurance .pui-table .html-c-input-field-crowns .html-c-information-tooltip {
    height: 29px; }
    .contract-insurance .pui-table .html-c-input-field-percentage .html-c-information-tooltip::before,
    .contract-insurance .pui-table .html-c-input-field-crowns .html-c-information-tooltip::before {
      top: -5px; }
  .contract-insurance .pui-table.pui-table--3 .html-is-total-value {
    padding-right: 40px; }
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table th,
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table td {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px; }
  .contract-insurance .html-c-form-row .html-label,
  .contract-insurance .html-c-form-row .html-c-text {
    font-size: 14px; }
  .contract-insurance .html-c-file-download .html-file-name {
    font-size: 14px; } }

@media (max-width: 480px) {
  .contract-insurance .html-c-button.html-full-width {
    width: 100%; } }

@media (min-width: 521px) {
  .contract-insurance .html-c-overlay .html-b-form-row-content-info {
    padding-right: 37px; }
    .contract-insurance .html-c-overlay .html-b-form-row-content-info .html-c-information-tooltip {
      top: calc(50% + 5px);
      transform: translateY(-50%); }
  .contract-insurance .html-c-form-row .html-b-form-row-caption .html-label {
    color: #686868;
    white-space: nowrap; }
    .contract-insurance .html-c-form-row .html-b-form-row-caption .html-label.html-label-wrap {
      white-space: normal; }
  .contract-insurance .html-c-product-info.html-is-product-detail-header {
    margin: 0 -20px 20px;
    padding-right: 20px;
    padding-left: 20px; }
    .contract-insurance .html-c-product-info.html-is-product-detail-header .html-c-sticker {
      left: 20px; }
    .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-status {
      display: inline-flex;
      flex-direction: column-reverse; }
      .contract-insurance .html-c-product-info.html-is-product-detail-header .html-b-product-status .html-b-product-amount {
        position: relative;
        height: auto;
        line-height: 20px; }
  .contract-insurance .html-b-form-section .accordion__link {
    padding-left: 20px; } }

@media (min-width: 769px) {
  .contract-insurance .js-dropdown__content li {
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .contract-insurance .js-dropdown__content li a {
      font-size: 16px; }
  .contract-insurance .pui-table.pui-table--3 th,
  .contract-insurance .pui-table.pui-table--3 td, .contract-insurance .pui-table.pui-table--4 th,
  .contract-insurance .pui-table.pui-table--4 td {
    padding-top: 15px;
    padding-bottom: 15px; }
  .contract-insurance .pui-table .pui-table-first-row td {
    padding-top: 30px !important; }
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding thead th:first-child,
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding tfoot th:first-child,
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding td:first-child {
    padding-left: 20px; }
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding thead th:last-child,
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding tfoot th:last-child,
  .contract-insurance .pui-m-my-contracts.pui-is-detail .pui-table-padding td:last-child {
    padding-right: 20px; }
  .contract-insurance .html-c-form .html-c-form-row .html-c-info-panel {
    padding: 25px 59px; }
  .contract-insurance .html-c-overlay .accordion__label {
    right: 20px; }
  .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio {
    width: 150px; }
    .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio:nth-child(1) {
      width: 120px; }
    .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio:nth-child(2) {
      width: 210px; }
    .contract-insurance .html-c-overlay .html-c-radios-row .html-c-radio:nth-child(3) {
      width: 170px; }
  .contract-insurance .html-c-overlay .html-is-cta {
    padding: 25px 20px 25px 59px !important; }
    .contract-insurance .html-c-overlay .html-is-cta .html-content > * {
      flex: 1; }
    .contract-insurance .html-c-overlay .html-is-cta .html-content .html-c-button {
      flex: 0; }
  .contract-insurance .html-c-overlay .html-b-form-section-header.accordion__link {
    padding-right: 63px; }
  .contract-insurance .html-c-overlay .html-b-form-section-default .html-c-form-row {
    padding-right: 20px;
    padding-left: 20px; }
  .contract-insurance .html-b-form-section-header {
    height: 60px;
    padding: 12px 20px 11px; }
    .contract-insurance .html-b-form-section-header > * {
      margin-bottom: 0; }
    .contract-insurance .html-b-form-section-header h3 {
      font-size: 21px; }
    .contract-insurance .html-b-form-section-header .accordion__link {
      height: 60px;
      padding: 12px 20px 11px; }
      .contract-insurance .html-b-form-section-header .accordion__link > * {
        margin-bottom: 0; }
  .contract-insurance .html-b-form-flag {
    padding: 10px;
    font-size: 18px; }
  .contract-insurance .html-c-form .html-b-form-content .html-b-form-title-row {
    height: 60px;
    margin-bottom: 20px;
    padding: 12px 20px 11px; }
    .contract-insurance .html-c-form .html-b-form-content .html-b-form-title-row > * {
      margin-bottom: 0; }
  .contract-insurance .html-c-button.html-is-phone-call {
    margin: 0 0 20px 20px; }
  .contract-insurance .info-tooltip {
    position: relative; }
    .contract-insurance .info-tooltip__tooltip {
      position: absolute;
      top: -15px;
      right: calc(100% + 10px);
      display: block;
      width: 310px;
      padding-right: 4px;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s; }
      .contract-insurance .info-tooltip__tooltip::before, .contract-insurance .info-tooltip__tooltip::after {
        content: '';
        position: absolute;
        top: 50%;
        left: calc(100% - 5px);
        width: 0;
        height: 0;
        border-style: solid;
        transform: translateY(-50%); }
      .contract-insurance .info-tooltip__tooltip::before {
        z-index: 1;
        border-width: 9px 0 9px 8px;
        border-color: transparent transparent transparent #f4f9fc; }
      .contract-insurance .info-tooltip__tooltip::after {
        border-width: 10px 0 10px 9px;
        border-color: transparent transparent transparent #add2e4; }
    .contract-insurance .info-tooltip__content {
      display: block;
      padding: 10px 10px 10px 40px;
      border: 1px solid #add2e4;
      border-radius: 2px;
      background-color: #f4f9fc;
      color: #0a7caf;
      font-size: 14px; }
      .contract-insurance .info-tooltip__content::before {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: url("../images/pui/csobpoj/icons/commons-help.svg");
        position: absolute;
        top: 50%;
        left: 10px;
        display: block;
        width: 20px;
        height: 20px;
        text-indent: 0;
        transform: translate(0, -50%); }
    .contract-insurance .info-tooltip:hover .info-tooltip__tooltip {
      visibility: visible;
      opacity: 1; } }

@media (min-width: 881px) {
  .contract-insurance .pui-table.pui-table--investment-profile tbody th {
    padding-right: 20px;
    padding-left: 20px; } }

.badges {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 8px;
  height: 20px;
  min-width: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  border-radius: 20px;
  color: #ffffff;
  white-space: nowrap;
  background-color: #919397;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .badges--warning {
    background-color: #ff7f18; }

.b-message {
  width: 100%; }
  .b-message th {
    text-align: left;
    padding: 10px 0 5px;
    border-bottom: 1px solid #dde0e4; }
    .b-message th.b-message__head-date {
      width: 130px; }
    .b-message th.b-message__head-meta {
      text-align: right; }
  .b-message tr.is-unread {
    font-weight: bold; }
  .b-message td {
    padding: 8px 5px;
    border-bottom: 1px solid #dde0e4;
    transition: background-color .3s; }
    .b-message td:first-child {
      padding-left: 0; }
    .b-message td:last-child {
      padding-right: 0; }
    .b-message td.b-message__body-icon {
      padding-left: 10px;
      width: 10px; }
    .b-message td.b-message__body-meta {
      width: 10px; }
    .b-message td.b-message__body-name {
      padding-left: 10px; }
  .b-message__link {
    display: block;
    color: #0a7caf;
    text-decoration: none;
    position: relative;
    line-height: 18px; }
    .b-message__link:focus {
      outline: none; }
  .b-message__meta {
    padding: 5px; }
  .b-message__date {
    font-size: 12px;
    color: #919397;
    font-weight: normal; }
  .b-message tr:hover td {
    cursor: pointer;
    background-color: #f6f7f8; }
  .b-message tr:hover a {
    color: #0a7caf; }
  .b-message__link:focus {
    box-shadow: 0 0; }
  @media (max-width: 480px) {
    .b-message thead {
      display: none; }
    .b-message tr {
      display: block;
      border-bottom: 1px solid #dde0e4; }
    .b-message td {
      border: 0; }
      .b-message td.b-message__body-icon {
        display: none; }
      .b-message td.b-message__body-meta, .b-message td.b-message__body-date {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 10px;
        margin-right: 10px;
        width: auto; }
      .b-message td.b-message__body-name {
        padding: 15px 0 5px;
        display: block; }
    .b-message__link {
      padding-left: 0; }
    .b-message .is-empty {
      display: none; } }
  @media (min-width: 769px) {
    .b-message--lg td {
      padding: 10px 5px; }
      .b-message--lg td.b-message__body-icon {
        padding-left: 20px; } }

.f-search__wrap {
  margin: 0 0 -10px; }

.f-search__left {
  margin: 0 0 10px; }

.f-search__right {
  margin: 0 0 10px; }

.f-search__field-list {
  margin: 0 0 -10px -10px; }

.f-search__field {
  border: 1px solid transparent;
  border-width: 0 0 10px 10px; }

.f-search__text {
  display: flex;
  align-items: center; }

.f-search__input-wrap {
  flex: 1 0 0;
  position: relative; }

.f-search__input-wrap .f-search__input {
  padding-right: 40px; }

.f-search__btn {
  flex: 0 1 37px;
  width: 37px;
  height: 37px;
  padding: 0;
  background: transparent;
  background-image: url(../images/pui/csobpoj/icons/commons-search.svg);
  background-size: 21px 21px;
  background-position: center;
  background-repeat: no-repeat; }

.f-search__reset {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  right: 5px;
  background-image: url(../images/pui/csobpoj/icons/commons-close.svg);
  background-size: 21px 21px;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity .2s; }

.f-search__reset-label, .f-search__input-label, .f-search__btn-label {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.f-search__input-wrap.is-active .f-search__reset {
  opacity: 1; }

.f-search__reset:focus {
  box-shadow: 0 0; }

@media (min-width: 481px) {
  .f-search__field-list {
    display: flex; }
  .f-search__field {
    flex: 1 0 50%;
    width: 50%; } }

@media (min-width: 769px) {
  .f-search__wrap {
    display: flex;
    justify-content: space-between; }
  .f-search__left {
    width: 50%;
    max-width: 50%; }
  .f-search__right {
    max-width: 40%; } }

.icon {
  display: block; }
  .icon img {
    display: block; }
  .icon--inline-block {
    display: inline-block; }

.icon-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 -5px -5px; }
  .icon-list__item {
    border: 1px solid transparent;
    border-width: 0 0 5px 5px; }
  .icon-list__label {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important; }

.item-icon {
  padding-left: 30px;
  position: relative;
  display: inline-block;
  margin-bottom: 0; }
  .item-icon .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  .item-icon--x-20 {
    padding-left: 20px; }
  .item-icon--block {
    display: block; }

.color-blue-01 {
  color: #0a7caf; }

.color-red-01 {
  color: #d8020e; }

.color-orange-01 {
  color: #ff6000; }

.b-heading {
  margin-bottom: -10px;
  font-family: "Roboto", "Arial", "Helvetica", sans-serif; }
  .b-heading__main {
    margin-bottom: 10px; }
  .b-heading__side {
    margin-bottom: 10px; }
  .b-heading__date {
    color: #919397;
    font-size: 13px; }
  .b-heading__title {
    font-size: 16px;
    line-height: 24px; }
  .b-heading__flag {
    position: relative;
    padding-left: 30px;
    color: #ff0000; }
    .b-heading__flag .icon {
      position: absolute;
      top: calc(50% - 1px);
      left: 0;
      transform: translateY(-50%); }
  .b-heading__flag--important {
    color: #ff0000; }
  @media (max-width: 480px) {
    .b-heading.has-icon .b-heading__main .icon {
      display: none; } }
  @media (min-width: 481px) {
    .b-heading {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -o-flex;
      display: flex;
      align-items: center; }
      .b-heading__main {
        flex: 1 0 0;
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        -o-flex: 1 0 auto;
        flex: 1 0 auto; }
      .b-heading__side {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        -o-flex: 0 1 auto;
        flex: 0 1 auto; }
      .b-heading.has-icon .b-heading__main {
        padding-left: 45px;
        position: relative; }
        .b-heading.has-icon .b-heading__main .icon {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); } }

.link-blue-01 {
  color: #0a7caf; }

.link-blue-01:hover {
  color: #c50101; }

.b-wysiwyg img {
  max-width: 100%;
  display: block; }

.b-popup {
  position: fixed;
  padding: 20px;
  top: 0;
  z-index: 10000;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .3s; }
  .b-popup__inner {
    width: 100%;
    max-width: 820px;
    display: block; }
  .b-popup.is-active {
    opacity: 1;
    visibility: visible; }

.contract-detail .html-c-overlay.html-has-full-width .html-b-overlay {
  max-width: 840px; }

.contract-detail .html-c-overlay .html-c-info-header {
  margin: 0; }

.contract-detail .html-c-overlay .html-b-overlay-main {
  margin-top: 20px;
  border-bottom: 1px solid #dde0e4; }

.contract-detail .html-c-overlay .html-b-overlay-note {
  font-size: 12px;
  color: #686868;
  margin-top: 10px; }

.contract-detail .html-c-overlay .html-b-overlay-title {
  font-size: 18px; }

.contract-detail .html-c-overlay .html-c-info-header h2 {
  color: #000000;
  font-size: 20px; }

.contract-detail .pui-m-product-detail {
  margin-bottom: 20px; }

.contract-detail .html-c-page-section {
  margin-bottom: 20px; }

.contract-detail .html-c-file-upload-list {
  margin-top: 15px; }

.contract-detail .html-b-file-hint {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px; }

.contract-detail .html-c-file-download {
  padding-left: 20px;
  color: #0a7caf; }
  .contract-detail .html-c-file-download::before {
    left: 0; }

.contract-detail .html-is-disabled {
  opacity: 0.7;
  pointer-events: none; }

.accordion__item {
  margin-bottom: 10px; }
  .accordion__item:last-child {
    margin-bottom: 0; }

.accordion__header {
  position: relative; }

.accordion__content {
  display: none;
  margin-top: 10px; }
  .accordion__content table {
    width: 100%;
    border-top: 0; }
    .accordion__content table .align-right {
      text-align: right; }

.accordion__date {
  min-width: 110px;
  padding-right: 10px !important; }

.accordion__link {
  background: none;
  display: block;
  width: 100%;
  font-weight: bold;
  background-color: #d7ecf8;
  color: #000000;
  border-radius: 0;
  text-align: left;
  padding: 10px; }

.accordion__label {
  position: absolute;
  right: 10px;
  color: #ff6000;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; }

.accordion__label-expanded {
  display: none; }

.accordion__item.is-expanded .accordion__content {
  display: block; }

.accordion__item.is-collapsed .accordion__label-expanded {
  display: block; }

.accordion__item.is-collapsed .accordion__label-collapsed {
  display: none; }

.accordion__link:hover {
  color: #000000; }

@media (min-width: 769px) {
  .accordion__content {
    margin-top: 20px; } }

.grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: -20px; }
  .grid__cell {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    border: 20px solid transparent;
    border-width: 0 0 20px 20px; }

@media (min-width: 769px) {
  .size-half-tablet {
    flex-basis: 50%;
    width: 50%; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.banner {
  margin: 30px 0; }
  .banner__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    background-color: #e1f2fc;
    padding: 30px; }
    @media (min-width: 769px) {
      .banner__wrapper {
        flex-direction: row;
        align-items: center; } }
    .banner__wrapper--bg-blue {
      background-color: #0a7ab3; }
    .banner__wrapper--bg-light-blue {
      background-color: #e1f2fc; }
    .banner__wrapper--bg-dark-blue {
      background-color: #002f4f; }
    .banner__wrapper--bg-orange {
      background-color: #ff6000; }
    .banner__wrapper--bg-light-orange {
      background-color: #ffefe5; }
    .banner__wrapper--bg-white {
      background-color: #fff; }
    .banner__wrapper--bg-green {
      background-color: #3b871e; }
    .banner__wrapper--bg-light-green {
      background-color: #82b800; }
  .banner__headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #0a7ab3;
    margin-bottom: 14px; }
    .banner__headline--white {
      color: #fff; }
    .banner__headline--orange {
      color: #ff6000; }
  @media (min-width: 769px) {
    .banner__text-wrapper {
      max-width: 440px; } }
  .banner__text {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 0; }
    .banner__text--invert-color {
      color: #fff; }
  .banner__btn {
    align-items: flex-end; }
  .banner__img {
    max-height: 80px; }
    @media (min-width: 769px) {
      .banner__img {
        max-height: unset;
        max-width: 80px; } }

.big-banner {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  display: grid;
  grid-template-columns: 1fr;
  margin: 30px 0; }
  .big-banner--invert-order > div:nth-child(2) {
    order: -1; }
  .big-banner__bg-img {
    position: absolute;
    z-index: 0;
    right: 0; }
  .big-banner__headline {
    font-size: 32px;
    font-weight: 700;
    z-index: 0;
    margin-bottom: 12px; }
    .big-banner__headline > p {
      line-height: 32px; }
    .big-banner__headline--smaller {
      font-size: 24px; }
      .big-banner__headline--smaller > p {
        line-height: 32px; }
    .big-banner__headline--bigger {
      font-size: 48px; }
      .big-banner__headline--bigger > p {
        line-height: 48px; }
    .big-banner__headline--blue {
      color: #0a7ab3; }
    .big-banner__headline--dark-blue {
      color: #003366; }
    .big-banner__headline--white {
      color: #fff; }
    .big-banner__headline--orange {
      color: #ff6000; }
  .big-banner__btn-wrapper {
    display: flex;
    gap: 1rem;
    z-index: 0; }
    .big-banner__btn-wrapper > .html-c-button {
      margin-top: 16px; }
  .big-banner__app-store-link {
    width: 100px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 16px; }
    .big-banner__app-store-link--apple {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAlCAYAAACNgf3GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA0USURBVHgB7ZoHcFXVFoZXEhOqogR4gor0EEC64qCDgoi9C5YRddSxiw4qosLI8+HgqKMwDL2EPtRHGRh67733DqGXBAg1wH7rW/POnZtLIPfEiLmYf+YM5Nx99t5nr/avtU6UKFq1aZV4/rxrevHixYYSJXWjoqIKSx4iF86dFScL4/Llm1KwUKH/tm/bdmtU6w4daiVv2dxr+7btdTavXy/Hjx+XPEQ+ihYtKglVq0rlKonrSpYs1TzmvvvuS5o6cWKD9WvWyJkzZyQPNwbOnj0r+5KT5URqaolKCQllYm655ZYey5csjXPOSR5uMKhMU1NSJF/+/PEx6Rcv/vtESkq05OGGhRpxbPTJ1NQYiWDcfvvtEhcXJ3m4Ok6kpsREq7ij5C9A/vz5pUKFClKyZEnxC5557LHHpGHDhlK6dGnRLMDmu/XWWzOMU34hzz77rBQoUEAqV64sjRs3lpwEClSkSBG56aabJJKhHjzqL3HZCQkJ8u2330pSUpI89NBDvp6FLf7yyy9Ss2ZNefzxx+Wjjz6S+Ph4+/vLL7/MMBYlWLVqlZw4cULuv/9++eqrryQnwZrvvfeelClTRiIdMWop7c6dOyc5BVxpu3bt7ICw6F9//VX27dsX9vO1atWS5s2bS8uWLWXDhg1y7NgxOXDggHz//ffy4osv2r1kZZPvvPOOfPbZZ5YpbNq0yZQLC+f5119/XbZu3SqHDx+2eWrXri2ffvqpnD9/Xnbt2iXFihWT3377TZo1ayZHjx61lPKpp54ygW7btk1eeOEF4po0bdrU5sKTLFu2zJhs4cKFzdtwZszHHNzPzWkp3jBHLRoX16RJE3n77belYMGCMnfuXFmyZImvOVauXCm7d++WsWPHyptvvmmHySGOGTPGhDB58mSz5MuXL5sg7rrrLnPfQDMI8wYLFiyQl156yQT02muvycaNG2Xq1KkmTAQ1atQoG9OxY0dTxEqVKpnnwYIB/7/ttttk/vz5snTpUhk0aFBAkGlpaTb+4YcfNsVAKVGo3I4cFTSHw8FeuHBB5s2bJ5988on4BZaEu8YrgFatWkliYmKGMcTkEiVKyHPPPWfW6eHgwYNm7Tt37jR3DhDMjBkz7D7WC1AUhLhGawcoUqlSpTLMn1VMRvj33nuvPPjgg7J8+XI5efKk5Hb8KUFHR0dLoUKFAqz30qVLsn37dvnjjz/km2++scO+8847JTY2Nuw577jjDvnwww/NqmfPni2nTp0ywSIwrJHQ8MADD9hBsxZEzS9w9Q0aNLC4zp737t1r86MAuP6yZcvaOFwyQkepeFcPKAj3nnjiCRk3bpxEArJFJ/H5uC5iGaz09OnTRopwj3369JEqVapYPIUJIwgOcvr06TJ+/HjJig+gHAj2iy++sLFYz/79+y1WI1gEsXjxYqlRo4bF5EOHDtkzeALWAQgNV4t7R2EAsRyL5t7PP/9sbr9OnTrSv39/e27atGny/vvvS6NGjYwTIGTWxe2XK1fOlNnbe2pqqixcuNB4wbp16yQioHGMkljYV/Hixd3AgQPdkSNHnFqDA3p4Tg/BKely6jZdSkqKU/ftPGizxOnhOCVALpz11HKdWq5Tt+xU6E6Vxe5rDHbqQexvxvC7KpqNUUE4Zew2jr/5PSYmxubhHr9zz1tDmby9i3KJwD3m0/Bj6zCe53mGNUL3mC9fvsB6uf0qwpn7ETQv3LlzZxOcX6AUylydxsNcfzA32oWgw3bduGBiI8xVNV38YvPmzZYHQ5jCBfERJk2Mxz3nZBroB16cVg8gquQWRmDahIFIQdiC5mWrVatm6YxfwMIhLcRWP4dD+vLGG2/I3XffLYMHD7Y4er3BHsibUXLenXchds+aNctSQOJ1RCBc102sGjp0qMsOiNtKzny7nOeff96p9dgcw4YNu+4uTws+ThXMKblze/bscf369XMjR450SvBsX926dQuMVQLq2rZt6959993rvs+sLlx32OkVFq0ERLID8ky/mo/1kL7AlmHFdevWtUpbKNiTl755ewzNgwk13PfSQFKlzMYFg99Yn8ILufLTTz9tmcAHH3xghRxYPfdg/qxPpoH3IRth7uDwRthjTPAegsE9fmNf3l4z2392z9/mCLcESkr1zDPP2Av5BYKmgEKqEi6oPlEsWbFihVXDKGNS3KDaFrwncm5yeYB7ffTRRy0PTk9Pt7hOqKCogsDI6blP5euRRx6xv4m5pIf8GwwOn/dFcD169LDUkHGkXaRsrA127NhhuT/zk/ohVNZEQTUzMSFVrVrVGjSsS/gjfWRvvA8gpWPfhAV+p7pIKsmemJu98mz16tVtPPvwng0HttdwXTdpTdeuXV12oJtyWkTJkN5kdX3++edOD8u1adPGaR7r9MWd5uKWAnljNH7a/Cp8N3HiRKeWbymeCsNp5ctpU8SpJTktbVr4UMu0OTTGOiWFNo57jAtdn+dU0Zwqhs1P6MksnSIVI23UfN7G4uY193cvv/yy/a61crd+/XqnhR/7V3N0W19z+cC7EBJVeE7rELZP5uKd2decOXOcEj+npWSn9Xv7XYtRlhqGe5a+0it1ZU5dl8sutE7tVHMtNw1nPQTCwTz55JP2N7GROKmWcYWgUYjhw4e7V155xWnd2xSSg0VA5MueoBHshAkTnFqqCa5v3752b9KkSZYXB69Prq5exCkBtDEc8ogRI9xPP/1kQkRIjOF97rnnHqclW6stsCbvqZZo665evdqe5ezUOzh1907r7E5df0AZEDTpJwqimYlxE95typQpprytW7d29evXt30zP+/CGK++kKOC5mKTEJHsgBdR1+00xmW5DoeI8BCKl3dr3dzuaSvSrC1Y0Bwkh+gJSN2fU1ZsnkR71AFBYxkcGOM0HjoNDyYIFIgxoftQl2fCxvrURVthCAXiDGbOnOk01QyM5eBZA6F5977++muz1N9//93m8u6rm7fzoCbBu/IM3kAbMoECDsriKTAFIO5RxNGGkSmUNmPC9pC+yBigxkvpLzuAaFASpeyYFYi7gOYEsZIUZ+3atRb7iJmhpGzLli3W2QIqdytL0o7kWdb0QCODNidgLp5jXmKm17kKBtwFjqAWZWVQ+Ml3331n+6JW3rt3b6uXXw3slfioypShBkBZlxo+8RieAIjPtHO9DzSZn/0zP00Zzp3aP7zl5ptvtjPw80GEr1q3ar61C8krQ7/2CAfUmrNqAtC4UJdmpAaCwwX4GyFCyqgx05jwAMHiygweaQIcTGgThAN2mXwYCYmiG8d4iBPjWJNrwIAB1uJUK5ZXX31VFi1aJNdCKHFCybRMbA0Vr66AIaBwHiBivBPFmeB3BdQjQpUnK/hualAowDIQtt9PbEaPHp2BNWcGulJoOX3pnj17Bu5z4LBXJWlSr14924cHBE/VigYH4CsVhAQ8CwZYAZU2DhmgrOXLl7f/h1bsOHQ+noD1UqzhcD2FQPCwbQR1LfDxA4wayw0G74eXQkGulnbikQDnxZczKBrgPclIMJqrKXem8NvU4NLc0anbc36ggnOafmQ5d4cOHSx+aSfpit8gPVpKtbk01QjEaOIbxQt109aUgJXSRIEAausxEKOp0ffq1ctpOdNI2g8//GDjNCRdEe/UPbpOnTrZ3LBhdaEBUgohJLarwI1VS1CMVjcbiMfEWVi2hhKnhmH3IGmq8BbrW7RoYWSOGA3hg3R561esWNH2D69hbuIzhBEySAbCs+wlHHn5JmPeBZHxyEIw2Ky2K+0AggF50SJDBkKS2aXWZWkSIL2QTEga7BuBQWg8QSP45ORkY6gcNikOJOjjjz+2A/IErfHYiBfjGM9hM1bdb6b7gYhpDm/reZ05tTQjdRC9QYMGBRQEAsj8KAbNGxg1glC+YXskneN51uecNC8PEM3MBM2+W7ZsaXuEoUMumZ8zZ0+ZkcdrCTpb/WjiCgSBRJ7qEX9DMDQdMHdCnOXrC77KJI4MGTIkgwu9Gqj8EBZwV7jGUOCuIEB8LRJcJaIX3qVLF9sLBIiaOH1xiJTn8gCE7ccff7TPfyhuUHEjPFyNYPL8W2+9ZbGYDxXpvQOeU4UTVcqA+4QAavnTPqOiCkYoIM52797dih/EcggdYUOZtNXJKb4A+vjwn+B9sG/1KHaPPfAs4UwZvK3rpzlkyI5F55bLs+ikpKRr9rk9i8ZlRvL7ZvfynV7lIXIR0V+mExb4FAh3H+yiQ0EDgi8/YbJ/V0/770ZU6bJl0/fs3BmxAidFQsgI8Fq9btIqfud7sn8aVMYXo8tVqHAqO19S5haQh1JNyuqDBjpo/0QhI9vKiYnno2vXrbu4rBYNgj9nzcONgSiVafmKFaV6jeqzYxo3abKhaLH4+gUKFvhX2qk0Ofd/yp+HyAVWHF8sXmpqX6FajRorShQv0cJ8dpv/tElIO3WhWXr6hUY6qJ6OLCB5iFhomy0tSqKWxMbFTS0UGzu6ffv2m/8H1c9sLpdxNUcAAAAASUVORK5CYII="); }
    .big-banner__app-store-link--google {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAlCAYAAACNgf3GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA4BSURBVHgB7VsJUFRXFr3dTTc0ICCgshgUoqLiLoW7RkRN3OK4Z3GpGLNWjUmcMmowo3HPJDEmGRMdEyeOJm6jiUpp1HKbuOFa7mswuKJBlmYRups391zzO8CALOJCD6fqV3d/Xv/+7917zz33vo+OGONjxzfKyVGDbTZbV9JRpE6n86QqVF4olU2K9ppcXTe7e3ismT558nndhFmzWl45d/YfFy9cbH325Em6ffs2VaHyw9fXl8IjIqhh40YnAgODhhuioqIWb9m4sfPJY8coKyuLquAcyM7OpqtXrlBaamrNBuHhdQ1eXl4LDsUfMCmlqApOBrZpakoKubq5+RmsNtvUtJQUPTkJXFxcyGAwUJXj/gFeC6M+PTXVQE6E2rVrU/fu3cXYVbiLtNQUg57NrStpoMFs4sOVHgbc3NyoUaNGEplAQEAAVatWjcLCwhzRivc417hxY/L0vFsghISEkI+PD0VGRsp5riDkPAyP89q1goKCHL8TGhpKrq4PZ16PEkxuOgNPeMqdO3eKHWT2r0U1u7Umv+gGRHod2dIyKS/XRg8KMMyCBQvo1q1bdP78eXrxxRcpJyeHBgwYQB4eHmLsESNGUGJiIn399deUmppKJ06coNdff12M27ZtW0pOTqaDBw/K9WJjY6lJkya0f/9+uUbLli3lfYsWLWjy5MmUwjns0qVLTk31cGqXkgb51I+gpsMmsIJbS55hAWQ5e42S4g5S9uVkUnkVvzi4KUTr8OHD6SSXe1pE//zzz/Tuu+/S6dOnKSMjg65fvy5G69q1q5zDOEQui8sC1QOiFlG+e/duxxi9Xk/NmjWj+vXrU3R0tDiFs5eVJYowo9mDPHxDqEnnWI4mX/JtH07hU4ZSnTExZPL3Ip1Lxeu4a9euiWHffvttB7XGx8fT9u3bhba//fZbiURE/YEDB+iFF14QBykKGLd27Vp6/vnn5bsA6D48PJyWLFlCbdq0oZo1a5Kzo9RWMrn7UmiTkWSy1iK90YX8u0RQg0kDKKBPJLkF+pJOr6OKxJo1a6QW7Nu3r3xGlMLYR48epYsXL8o5UPWWLVvkfceOHR15PT/y8vLo0KFD4hTt2rVz5PjOnTtT3bp1ZUyPHj3I2VGmcKzmX4+CwvqS4Y6X0LZbgA8F9oukJ0Z0If9uTcnF250qCjdv3pSoLkk9I7/+9NNPQu9FGRqAk8TFxUnuxvWeeeYZufa6deto8eLFQt8mk4mcGSWKMe/QcAru1INM1e4qV1eObLM5kFIuHyedOY+p2yAG96wXQG7BfmRNySQrCzYqZ/5G/oT4QuTeuHFDcvGFCxfot99+kwiG0X755RcZazQaac+ePeIUOCDKELm//vorJSQkyBju2wsD4ACN41qZmZniHKD9s2fPyjgIv9zcXHJGIK3pWJwoKNfiEBLdl6Im/o08g+oUOJ+TdZtO7Z1JRn9jgfM2SzYl7zlHSRsOUm6yhcoKGAYG1BZdi1KtXMJn7T0moDmp1iSBo+DVbrfLeUQqxoPCMQbXxxir1epQ2vnHOCO8WYCWOaI1uBjN5O0XQZakBLJTpiNH612NEt2+7RuSTuVRUGYqWbLtZC/DGmpGArD4+Q2Q/71mcABGw4G/5y+VcC3ts/b3/NcvPMYZgYC4L8ns7h1MwWH9yJDr9T+lltFspAE9Q2jeqGAa3Mabgqu7cDRRueDn5yelUJ06dRwNkiqUDSXW0SVBBJq1L127tJ7sbul3IzvHSlFZ12iS5yUK9jNTi6AA2nTMQiv3p9G2k5mUYys5ekCv6HZ169ZN6mA0UsA8EF9oeGzdupXulXIqGoMGDSJ/f39avXq16IXS4Omnn5Z719IPtAHq9Z07d4pWQE3fp08fibhFixbRg8R9GxrwCWwqIi3hxD/J7ppG0VmJNNYtkYJd71JkgA93szpVp5gmnrT+SDrFrrpJtzPs97xmTEyMdK7Q2IDAQonk7e1No0aNkroZNfCECRPoYQGGRu29Y8eOMhn61VdfddT40B1w1mO8JTxjxgw6c+aMzKV69eqVw9CAmWk8LOxPFLhvNo2tdZkCTQUNiUCv7WukoW196OilO7Rwe0qx10Ikf/jhh+LxeP3+++8lEhDlTz75pCzOtm3bqLIA5RyMCnTp0oWmTJkiTjpp0iR6WKgwQ7vcyaaY4ydp4J6bRK1YNIVCmBUcY+c8npRqo8Rka7HXgTGxENh8+OCDD2jhwoUFyh4YHGVRcUDUQ3CBJotS0Vq/HM2YosopKHBEIMq4/GKvKEDFu7u7F/tbGlAmIuUAeAUzwFmx+VIYmD/uEa9paWlUUagQQ7tlpFG7XRuoz7a1VM1qpJxjXpSRayGvxlbS//4LN9Js9O/4NFodn047TmcWe61atWpJpwr0tnz58lLXts2bN5e+N15hRORx1MpJSUmiqNHnxvZlp06dxEBY8I0bN9Lhw4fFSDBw69at6dlnn6UaNWrQ5cuXpR6H42zYsKHAb8FRnnrqKTkw9ty5c9KhO3XqVInOAcCQhYGyD2KzZ8+e1KpVK/l85MgRYS6MR1MHa7J582bHd1577TVxCLR40W+4F+7b0KbsTDFy992byMuaI+dcs0ykO1ONUoyp5N3ATnFHLbR8byobOIuS0u+9EPB29LfRFMmfC6G233zzzQJjUQtv2rRJInDq1KlCi5rIAV1GRUUJRaIux6IgX2JDBB2yfv36yfg33nhDfgstUWiChg0bioF79+4tDoKcqtGuBnxv2rRpIhDhMHDM9u3b08SJE8XohYFWK5wPc8DuGu4Nu29wjIEDB8oYzOGVV16hkSNHyu/DgMOGDaMVK1ZIV2/06NHyHWgEOH+9evVkbtjQWblyJZWE+zK0kem66cGd1Gf7WvLKzaH81ZOJjZ182IOm7ztPq4+kSUTb7KVT20Dh59dgvMLiSxuD8guGQj7/4YcfZOz48eOFHnft2kVXr16lMWPGSETAQKBERM7YsWPppZdeoi+//FLewyDvvfce7d27l4KDg2W7tDBgXBgDfx83bpws9Msvv0xDhgyRaxUlEGfPni2GBmtAueP9zJkzhdI1wKlwr0hN2LwBy2AjBgecGZENtoGKRzcQ7AX2mzNnTqnEYbkNbbDmUvsdP9KguKVkzrehkcM3eIs9bgW3JKdzpFhsZdu7RksSBkQ0IrLRDgUwGUSChsGDB8vCoseNDQ3Q9Pz58x3bjVCyTZs2lU0R0DOo8IsvvpAeN4B2KLY5n3vuOTmHCP7uu+9kZwxMgZbpsmXLxFnyAxsiqARA+zAarolce/z48SKjGUBPHTtyAKIShsMctU0VAMwBpsG8wQwwNBwUWgVz/Pzzz2W+Q4cOFRZBWQaHRfVRGpTL0MjJkbs30+C4f5Gb/o+eSyJ76mZe6AWc346zQLGVo9uEySHfwXsRKd98841EABZi3759Mgb5Fuo7PT1dDFLU7hMEEr6DHIs8qnXONCCXwqAQUzCYRtNa10wTdIWB/IxUAEeLiIiQvWywAF6L6zDCgdC7vxewVfrZZ5/J/c6bN09KSuRlaA4A6QN76sjfSDdwLpRkRd1jUShzZ8yUlSE5uf+WFQ4jZ/HixPGN/ZUj+C/s1Uc4D9ruo6X4ySefSGQir8KLQZegdFAfngx56623qEOHDrR+/XqhWUQJohOLAGCxevXqJdGAxUENDoMit+IVYgzCC4uI5gUoHXkai4cDv4XvQmwVBhwRzgXH+PTTTyVFQBeAEfAkS3mBuSHvQkTC4BCiyOH58fHHH0uHECwDZwPjlBZlimgIrw5M132Rk1l42XmyJ9ioc5hK/sNdquu/0+z9AhOEMd9//32aPn26GBvRCwMhOvHUCPar8XecB91CDIHeEDl4eB2OgChDNCF6kffwCBIMiTQAI8KgeGoF6QK57qOPPhIqBNWDQiEMNcrVAKG0atUqyZW4R+RKXBNpYtasWbKDVh6AXRC1aLIA0ABgjPzAfeGpG0Q6HqPSduhKBexe8UuxB+9eqUFbzqjRR9PUorlLVHKv3soaE6NsfIyrU0eFuLkpk053z2uU92AFrJgWFZc6iilVMYUrpm/FlK44yh3jOBoU52LFIkXxgilmA8WsIN/Pfy2mRGWxWBTTnYzlbpdiJey4BgsfxUZXTMEqPj5esTMpXkzFi6/Y4dTSpUsVl0DKbDar/v37KxZPck+cm9U777yjuNFT4P5Z4MmYBg0aFDm/wMBANXfuXMUULJ/ZaRSXT3J/7DCK+wkyX87H8ndmI8WaQHFulnst7Tp6w8YlGfqJrr3VsHVH1LIZ85Wla7RK6NhR/Z0XLZQn+yCM+6gOOAIrd+Xl5SWf8cpsoLiWVcwWj8U9wpF431wcjlNLmQxdInVnXEukgO0/UtSBrbSRVd5KVtObmPoy7HZyFiBvo4yBwPrqq6+EfkHboH9snly5coUeB0B0onRElYAHLcqEkiJaZ3BRjXlMD19fFcD0Ro+BZ1f0wblfsWElglntKhZcQo/ciFCcixXn8kd+j9xQUZzDFZd1iku8Mn0XEV3iEyb/L4DQQwsSwgqbKmhm4GFEvNpsD+459rLcHwQnWp2oo8tyT3jCRBcSGmpNTEiosM2Nyg4ocdTKqKMfBwNXBNjGNn1YvXoWna5iH9WtzICB0Ut2FiPDtg0bNcrRt4qM3B/KXSa93mn+obIKv0OH/XtusDRr3mynIaZHj1O+/n7tze7mWhmWDLrD7cYqVG4giv38/agFd/+aNG9+uGaNmn8Wzo6dFhueYckdYrXmRvOgNjzSTFWotFB5eRk60sUbTaYtHkbjWm72nP0vx05LkGvcSOAAAAAASUVORK5CYII="); }
  .big-banner__text {
    line-height: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 12px;
    z-index: 0; }
    .big-banner__text--black {
      color: #000; }
    .big-banner__text--blue {
      color: #0a7ab3; }
    .big-banner__text--dark-blue {
      color: #003366; }
    .big-banner__text--white {
      color: #fff; }
    .big-banner__text--orange {
      color: #ff6000; }
  .big-banner__img-part {
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    .big-banner__img-part--bg-white {
      background-color: #fff; }
    .big-banner__img-part--bg-blue {
      background-color: #d8eaf4; }
    .big-banner__img-part--bg-light-blue {
      background-color: #e1f2fc; }
    .big-banner__img-part--bg-dark-blue {
      background-color: #002f4f; }
    .big-banner__img-part--bg-orange {
      background-color: #ff6000; }
    .big-banner__img-part--bg-green {
      background-color: #82b800; }
  .big-banner__text-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    position: relative;
    overflow: hidden; }
    .big-banner__text-part--bg-white {
      background-color: #fff; }
    .big-banner__text-part--bg-blue {
      background-color: #d8eaf4; }
    .big-banner__text-part--bg-light-blue {
      background-color: #e1f2fc; }
    .big-banner__text-part--bg-dark-blue {
      background-color: #002f4f; }
    .big-banner__text-part--bg-orange {
      background-color: #ff6000; }
    .big-banner__text-part--bg-green {
      background-color: #82b800; }

@media (min-width: 581px) {
  .big-banner {
    grid-template-columns: 1fr 1fr; } }

.promo-banner {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px; }
  .promo-banner--reverse {
    flex-direction: row-reverse;
    justify-content: space-between; }
  .promo-banner--bg-white {
    background-color: #fff; }
  .promo-banner--bg-blue {
    background-color: #d8eaf4; }
  .promo-banner--bg-ligh-blue {
    background-color: #e1f2fc; }
  .promo-banner--bg-dark-blue {
    background-color: #002f4f; }
  .promo-banner--bg-orange {
    background-color: #ff6000; }
  .promo-banner--bg-green {
    background-color: #82b800; }
  .promo-banner__text {
    font-size: 20px; }
    .promo-banner__text > p {
      line-height: 28px; }
    .promo-banner__text--white {
      color: #fff; }
    .promo-banner__text--dark-blue {
      color: #002f4f; }
  .promo-banner__img {
    max-width: 180px;
    max-height: 80px; }
  .promo-banner__link {
    text-decoration: none; }
    .promo-banner__link:hover {
      text-decoration: none; }

.faqs {
  font-family: "Roboto", "Arial", "Helvetica", sans-serif;
  margin: 30px 0; }
  .faqs__headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: #002f4f;
    margin-bottom: 20px; }
  .faqs__card-header {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    color: #002f4f;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 0; }
    .faqs__card-header:hover {
      color: #002f4f;
      text-decoration: underline; }
    .faqs__card-header:focus {
      box-shadow: 0 0 10px -2px rgba(37, 126, 161, 0.6); }
    .faqs__card-header.collapsed > .faqs__card-header-arrow {
      transform: rotate(0deg); }
  .faqs__card-header-arrow {
    transition: 200ms;
    transform: rotate(-180deg); }
  .faqs > .accordion > .card {
    border-radius: 0;
    box-shadow: none;
    overflow: visible; }

@media (min-width: 581px) {
  .faqs__headline {
    font-size: 26px;
    line-height: 28px; } }

.damage-reporting .html-b-damage-compensation {
  padding: 20px 0; }
  .damage-reporting .html-b-damage-compensation .html-c-form-row {
    padding-bottom: 5px; }
    .damage-reporting .html-b-damage-compensation .html-c-form-row:first-child:last-child {
      margin: -5px 0;
      border-bottom: 0; }
  .damage-reporting .html-b-damage-compensation .html-b-form-row-caption {
    margin-bottom: 0; }
    .damage-reporting .html-b-damage-compensation .html-b-form-row-caption .html-label {
      padding-top: 5px; }
  .damage-reporting .html-b-damage-compensation .html-b-form-row-content {
    display: inline-flex;
    align-items: center;
    column-gap: 20px; }
  .damage-reporting .html-b-damage-compensation .html-frm-slot {
    padding-top: 6px; }

.damage-reporting .html-b-damage-compensation-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  margin-right: auto; }
  .damage-reporting .html-b-damage-compensation-row .html-frm-slot {
    margin-right: 0; }
  .damage-reporting .html-b-damage-compensation-row .html-c-information-tooltip {
    margin: -5px; }

.damage-reporting .html-b-damage-compensation-text {
  font-weight: 500;
  font-size: 16px; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-close {
  top: 19px; }
  .damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-close .html-button {
    background-image: url("../images/pui/csobpoj/icons/close-blue.png");
    background-image: url("../images/pui/csobpoj/icons/close-blue.svg"), none;
    background-size: 16px 16px;
    width: 16px;
    height: 16px; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-b-overlay {
  max-width: 920px; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-b-form-content {
  padding-top: 20px; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-c-text {
  margin-bottom: 20px; }
  .damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-c-text > :last-child {
    margin-bottom: 0; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-c-info-panel {
  overflow: hidden; }

.damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-b-form-footer.html-has-border {
  border-top: 1px solid #d0d4d9; }

.damage-reporting .radio-boxes {
  padding-bottom: 0; }

.damage-reporting .radio-box__header {
  position: static;
  font-size: 16px;
  line-height: 1.3125; }

@media (min-width: 769px) {
  .damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-close {
    top: 22px; }
  .damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-content .html-b-form-header {
    padding-top: 10px;
    padding-bottom: 10px; }
    .damage-reporting .html-c-overlay.html-c-overlay-damage-compensation .html-content .html-b-form-header .html-c-info-header {
      padding-bottom: 5px; } }

.html-tag {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  column-gap: 5px;
  padding: 5px 10px;
  border-radius: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.166666667;
  white-space: nowrap; }
  .html-tag.html-is-success {
    background-color: #73aa2e;
    color: #ffffff; }
  .html-tag.html-is-warning {
    background-color: #f59a23;
    color: #ffffff; }
  .html-tag .html-c-information-tooltip {
    background-image: url("../images/pui/csobpoj/icons/round-icon-info-small.png");
    background-image: url("../images/pui/csobpoj/icons/round-icon-info-small.svg"), none;
    background-size: 10px 10px;
    position: static;
    width: 10px;
    height: 10px;
    margin: 2px 0 0 !important; }
    .html-tag .html-c-information-tooltip::before {
      display: none; }
    .html-tag .html-c-information-tooltip::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }

.html-services-map-header {
  display: grid;
  row-gap: 10px;
  align-items: center;
  column-gap: 20px;
  padding: 20px 0; }
  .html-services-map-header .html-form-field {
    position: relative; }
  .html-services-map-header .html-input {
    padding-right: 91px; }
  .html-services-map-header .html-c-button.html-is-search,
  .html-services-map-header .html-c-button.html-is-location {
    position: absolute;
    top: 0;
    z-index: 1; }
  .html-services-map-header .html-c-button.html-is-search {
    right: 41px; }
  .html-services-map-header .html-c-button.html-is-location {
    right: 0; }
  .html-services-map-header .html-c-button + .html-c-button::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 100%;
    bottom: 6px;
    width: 1px;
    background-color: #d7d7d7; }
  .html-services-map-header .html-is-search .html-button,
  .html-services-map-header .html-is-location .html-button {
    width: 40px;
    height: 39px;
    padding: 0;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px; }
  .html-services-map-header .html-is-search .html-button {
    background-image: url(../images/pui/csobpoj/icons/commons-search.svg); }
  .html-services-map-header .html-is-location .html-button {
    background-image: url(../images/pui/csobpoj/icons/location.svg); }
  .html-services-map-header.html-is-search > .html-c-button .html-button {
    width: 100%; }

.html-services-map-pagination {
  display: grid;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  column-gap: 4px;
  padding: 10px 0;
  font-size: 16px; }
  .html-services-map-pagination .html-c-pagination .html-pagination-item {
    margin-right: 0; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item .html-c-hyperlink {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      padding: 0;
      border: 0;
      color: #0a7caf;
      transition: opacity 0.3s; }
      .html-services-map-pagination .html-c-pagination .html-pagination-item .html-c-hyperlink::before {
        display: none; }
      .html-services-map-pagination .html-c-pagination .html-pagination-item .html-c-hyperlink:hover {
        background-color: transparent;
        opacity: 0.7; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item button.html-c-hyperlink {
      background-color: transparent; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-first .html-c-hyperlink, .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-last .html-c-hyperlink, .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-next .html-c-hyperlink, .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-prev .html-c-hyperlink {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 16px 16px; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-first .html-c-hyperlink, .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-last .html-c-hyperlink {
      white-space: nowrap;
      text-indent: 100px;
      overflow: hidden; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-first .html-c-hyperlink {
      background-image: url("../images/pui/csobpoj/icons/arrow-page-first.png");
      background-image: url("../images/pui/csobpoj/icons/arrow-page-first.svg"), none; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-last .html-c-hyperlink {
      background-image: url("../images/pui/csobpoj/icons/arrow-page-last.png");
      background-image: url("../images/pui/csobpoj/icons/arrow-page-last.svg"), none; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-prev .html-c-hyperlink {
      background-image: url("../images/pui/csobpoj/icons/arrow-page-prev.png");
      background-image: url("../images/pui/csobpoj/icons/arrow-page-prev.svg"), none; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-next .html-c-hyperlink {
      background-image: url("../images/pui/csobpoj/icons/arrow-page-next.png");
      background-image: url("../images/pui/csobpoj/icons/arrow-page-next.svg"), none; }
    .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-current .html-c-hyperlink {
      color: #36373a;
      font-weight: 500;
      font-size: 18px; }
      .html-services-map-pagination .html-c-pagination .html-pagination-item.html-is-current .html-c-hyperlink:hover {
        opacity: 1; }
  .html-services-map-pagination .html-b-pagination-pages {
    display: flex; }
  .html-services-map-header + .html-services-map-pagination,
  .html-services-map-body + .html-services-map-pagination {
    margin-top: -20px; }
  .html-services-map-body + .html-services-map-pagination {
    margin-bottom: 10px; }

.html-services-map-pagination-found {
  grid-column: 1 / -1;
  font-weight: 500; }

.html-services-map-pagination-link a {
  color: #0a7caf; }
  .html-services-map-pagination-link a:hover {
    color: #0a7caf;
    text-decoration: none; }

.html-services-map-filter {
  display: flex;
  grid-column: 1 / -1;
  row-gap: 5px;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px; }
  .html-services-map-filter:last-child {
    margin-bottom: 10px; }

.html-services-map-filter-label {
  margin-bottom: 0;
  color: #686868; }

.html-services-map-filter-item.html-tag {
  white-space: normal; }
  .html-services-map-filter-item.html-tag input {
    width: 10px;
    height: 10px;
    margin: 2px 0;
    border: 1px solid #ffffff;
    border-radius: 2px;
    background-color: transparent;
    background-position: 50% 50%;
    background-size: 10px 10px;
    appearance: none; }
    .html-services-map-filter-item.html-tag input:checked {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M8 3.388 4.06 7.5 2 5.35l.851-.934L4.06 5.724 7.149 2.5z'/%3E%3C/svg%3E"); }
  .html-services-map-filter-item.html-tag label {
    font-size: inherit;
    cursor: pointer; }
    .html-services-map-filter-item.html-tag label::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .html-services-map-filter-item.html-tag.html-is-warning label, .html-services-map-filter-item.html-tag.html-is-success label {
    color: #ffffff;
    margin-bottom: 0; }

.html-services-map-body {
  margin-bottom: 20px; }
  .html-services-map-body .html-map-wrapper {
    line-height: 0;
    position: relative; }
    .html-services-map-body .html-map-wrapper iframe {
      height: 100%;
      min-height: 300px; }
  .html-services-map-body.html-has-map {
    display: grid;
    row-gap: 10px;
    column-gap: 20px; }

@media (max-width: 480px) {
  .html-services-map-header + .html-services-map-pagination .html-c-pagination {
    order: 1; } }

@media (min-width: 481px) {
  .html-services-map-header.html-is-search {
    grid-template-columns: 1fr auto; }
  .html-services-map-pagination {
    grid-template-columns: repeat(2, minmax(auto, max-content)); }
  .html-services-map-pagination-link {
    grid-column-start: 2;
    text-align: right; } }

@media (min-width: 769px) {
  .html-services-map-header .html-input {
    padding-right: 111px; }
  .html-services-map-header .html-c-button.html-is-search {
    right: 51px; }
  .html-services-map-header .html-is-search .html-button,
  .html-services-map-header .html-is-location .html-button {
    width: 50px; }
  .html-services-map-header.html-is-recommended {
    grid-template-columns: 58.5% 1fr; }
  .html-services-map-header.html-is-search {
    grid-template-columns: 46.75% auto 1fr; }
    .html-services-map-header.html-is-search > .html-c-button .html-button {
      width: auto; }
  .html-services-map-body.html-has-map {
    grid-template-columns: 45% 1fr; } }

.html-services-list-header {
  display: grid;
  grid-template-columns: 51.948051948% 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 60px;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid rgba(208, 212, 217, 0.5);
  background-color: #d7ecf8;
  font-size: 16px;
  line-height: 20px; }

.html-services-list-header-label {
  margin: 0;
  color: #434548;
  font-weight: 500; }
  .html-services-list-header-label.serviced-brands {
    text-align: center; }

.html-services-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.html-services-item {
  position: relative;
  z-index: 0;
  display: grid;
  row-gap: 5px;
  align-items: center;
  column-gap: 10px;
  padding: 10px 10px 10px 40px;
  color: #686868;
  font-size: 16px;
  line-height: 20px; }
  .html-services-list.html-is-simple .html-services-item {
    grid-template-columns: 1fr auto; }
  .html-services-item .html-services-item-makes {
    text-align: center; }

.html-services-item-input {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  background-color: #ffffff;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #f5f7f8 100%);
  transform: translateY(-50%);
  appearance: none; }
  .html-services-item-input::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: inherit;
    background-color: #0a7caf;
    opacity: 0;
    transition: opacity 0.3s; }
  .html-services-item-input:checked::after {
    opacity: 1; }

.html-services-item-label {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 10px;
  color: #000000;
  margin-bottom: 0; }
  .html-services-item-label::before, .html-services-item-label::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .html-services-item-label::before {
    z-index: -1;
    border-bottom: 1px solid #d0d4d9;
    transition: background-color 0.3s, border-color 0.3s; }
  .html-services-item-label::after {
    cursor: pointer; }
  .html-services-item-label:hover::before {
    border-bottom-color: rgba(10, 124, 175, 0.5); }
  .html-services-item-input:checked ~ .html-services-item-label::before {
    border-bottom-color: rgba(10, 124, 175, 0.5);
    background-color: rgba(215, 236, 248, 0.3); }

.html-services-item-badge {
  display: flex;
  column-gap: 2px; }
  .html-services-item-badge .html-star {
    width: 17px;
    height: 16px; }
  .html-services-item-badge.html-is-recommended .html-star {
    background-image: url("../images/pui/csobpoj/icons/star-service-recommended.png");
    background-image: url("../images/pui/csobpoj/icons/star-service-recommended.svg"), none; }
  .html-services-item-badge.html-is-contractual .html-star {
    background-image: url("../images/pui/csobpoj/icons/star-service-contractual.png");
    background-image: url("../images/pui/csobpoj/icons/star-service-contractual.svg"), none; }

.html-services-item-distance {
  align-self: flex-start;
  font-size: 14px; }

@media (max-width: 768px) {
  .html-services-list-header {
    display: none; }
  .html-services-item-makes,
  .html-services-item-age {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px; } }

@media (min-width: 769px) {
  .html-services-item {
    grid-template-columns: 50.666666667% 1fr; }
    .html-services-item .html-services-list-header-label {
      display: none; } }

.map-list--item {
  background-color: #ffffff; }
  .map-list--item__address {
    margin-bottom: 0;
    color: #0a7caf;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px; }
  .map-list--item__category {
    color: #777777;
    font-size: 12px;
    line-height: 14px; }
  .map-list--item:hover {
    background-color: #e3f3fc; }
  .map-list--item.active {
    background-color: #0c77a9; }
  .map-list--item.active .map-list--item__address,
  .map-list--item.active .map-list--item__category {
    color: #ffffff; }

.map-popup {
  position: relative;
  z-index: 3; }
  .map-popup p + p {
    margin-top: 0.5rem; }
  .map-popup a {
    display: inline-block;
    text-decoration: none; }
    .map-popup a.important-message-close {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 32px;
      height: 32px;
      background-image: url(../images/pui/csobpoj/icons/close-blue.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 10px 10px; }
  .map-popup .map-infobox__msg {
    margin-bottom: 10px; }
    .map-popup .map-infobox__msg p {
      font-size: 14px;
      line-height: 1; }
  .map-popup .map-list--item__address {
    font-size: 18px; }
  .map-popup .map-list--item__category {
    margin-bottom: 0;
    color: #444444;
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 16px; }
  .map-popup .map-list--item__authorized {
    margin-top: 0;
    margin-bottom: 0;
    color: #097cae;
    font-weight: bold;
    font-weight: 500;
    font-size: 12px; }
  .map-popup .map-list--item__brands-title {
    margin-top: 5px;
    margin-bottom: 3px;
    color: #002f4e;
    font-weight: 500;
    font-size: 12px; }
  .map-popup .map-list--item__brands-pills {
    margin-top: 0;
    margin-bottom: 3px;
    color: #002f4e;
    font-weight: 500;
    font-size: 12px; }
  .map-popup .map-list--item__brands-pill {
    display: inline-block;
    margin: 0 2px 3px 0;
    padding: 3px 5px;
    border-radius: 2px;
    background-color: #e4f3fc;
    color: #002f4e;
    font-weight: 400;
    font-size: 12px;
    line-height: 1; }
    .map-popup .map-list--item__brands-pill.services {
      background-color: rgba(255, 96, 0, 0.1);
      color: #ff6000; }
  .map-popup:hover {
    background: #ffffff; }

.investment-profile-bnr {
  margin-bottom: 20px;
  border-bottom: 2px solid; }
  .investment-profile-bnr__holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
    margin-bottom: -10px;
    margin-left: -20px;
    padding: 10px 20px 9px; }
    .investment-profile-bnr__holder > * {
      margin-bottom: 10px;
      margin-left: 20px; }
  .investment-profile-bnr__label {
    display: flex;
    align-items: center;
    font-size: 1rem; }
    .investment-profile-bnr__label > * {
      margin-bottom: 0; }
    .investment-profile-bnr__label strong {
      text-transform: uppercase; }
    .investment-profile-bnr__label .html-c-information-tooltip {
      flex: 0 0 auto; }
  .investment-profile-bnr__icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-right: 14px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
    .investment-profile-bnr__icon--edit {
      background-image: url("../images/pui/csobpoj/icons/investment-profile-edit.svg"); }
    .investment-profile-bnr__icon--value-1 {
      background-image: url("../images/pui/csobpoj/icons/investment-profile-value-1.svg"); }
    .investment-profile-bnr__icon--value-2 {
      background-image: url("../images/pui/csobpoj/icons/investment-profile-value-2.svg"); }
    .investment-profile-bnr__icon--value-3 {
      background-image: url("../images/pui/csobpoj/icons/investment-profile-value-3.svg"); }
    .investment-profile-bnr__icon--value-4 {
      background-image: url("../images/pui/csobpoj/icons/investment-profile-value-4.svg"); }
    .investment-profile-bnr__icon--esg {
      background-image: url("../images/pui/csobpoj/icons/esg-profile.svg"); }
    .investment-profile-bnr__icon--ih {
      background-image: url("../images/pui/csobpoj/icons/calendar-green.svg"), none;
      background-size: contain; }
  .investment-profile-bnr__button .html-c-button.html-is-link .html-button {
    color: #0a7caf; }
  .investment-profile-bnr__message {
    padding: 0 20px; }
    .investment-profile-bnr__message .html-c-info-panel,
    .contract-insurance .html-c-overlay .investment-profile-bnr__message .html-c-info-panel {
      min-height: 40px;
      margin-bottom: 0;
      padding: 20px 0 20px 45px;
      border-width: 1px 0 0 0;
      background-color: transparent; }
  .investment-profile-bnr--warning {
    border-color: #ff6000;
    background-color: rgba(255, 96, 0, 0.1); }
  .investment-profile-bnr--success {
    border-color: #78c31c;
    background-color: rgba(120, 195, 28, 0.1); }
  .html-b-form-section-content .investment-profile-bnr {
    margin-top: -18px;
    margin-right: -10px;
    margin-left: -10px; }

@media (min-width: 581px) {
  .html-b-form-section-content .investment-profile-bnr {
    margin-right: -20px;
    margin-left: -20px; } }

@media (min-width: 881px) {
  .html-b-form-section-content .investment-profile-bnr {
    margin-right: -20px;
    margin-left: -20px; } }

.investment-profile-questions__chart {
  padding: 0 20px; }

.investment-profile-questions__chart-image {
  margin-bottom: 5px; }

.investment-profile-questions__meter {
  margin-bottom: 20px; }
  .investment-profile-questions__meter img {
    max-width: 100%;
    height: auto; }

.investment-profile-questions .accordion__item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid #d0d4d9; }

.investment-profile-questions .html-c-form-row {
  padding-top: 20px;
  padding-bottom: 20px; }
  .investment-profile-questions .html-c-form-row:first-child {
    padding-top: 0; }

.investment-profile-questions .html-frm-slot {
  margin-bottom: 10px;
  padding-top: 0; }

.investment-profile-questions .html-b-form-section-header .html-c-radio {
  margin-top: -5px;
  margin-bottom: -4px;
  padding-right: 23px; }

.investment-profile-questions .html-b-form-section-header .accordion__link {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 100%;
  margin: 0; }

.investment-profile-questions .html-b-form-section-header .html-b-form-section-title {
  margin-bottom: 0; }

.html-c-overlay .html-content .investment-profile-questions .html-c-form-row:last-of-type {
  padding-bottom: 20px; }

.investment-profile-questions .html-b-form-row-content.html-is-done > *:not(.html-is-solid) {
  opacity: 0.5; }

.investment-profile-questions .html-b-form-row-content.html-is-done .accordion {
  pointer-events: none; }
  .investment-profile-questions .html-b-form-row-content.html-is-done .accordion__link {
    pointer-events: auto; }

@media (min-width: 581px) {
  .investment-profile-questions__chart-holder {
    display: flex;
    max-width: 700px; }
  .investment-profile-questions__chart-image {
    margin-left: 70px; } }

@media (min-width: 769px) {
  .investment-profile-questions .html-b-form-section-header .html-c-radio {
    padding-right: 40px; }
  .investment-profile-questions .html-b-form-section-header .accordion__link {
    width: 60px; } }

.investment-profile-legend {
  padding: 20px 0;
  border-bottom: 1px solid #dde0e4;
  font-size: 0.875rem; }
  .investment-profile-legend__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none; }
  .investment-profile-legend__item {
    display: flex;
    margin-left: 20px; }
  .investment-profile-legend__dot {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin: 3px 3px 3px 0;
    border-radius: 2px; }
  .investment-profile-legend__dot--color-1 {
    background-color: #0099cc; }
  .investment-profile-legend__dot--color-2 {
    background-color: #003366; }
  .investment-profile-legend__dot--color-3 {
    background-color: #782f97; }
  .investment-profile-legend__dot--color-4 {
    background-color: #a7177b; }
  .investment-profile-legend__dot--color-5 {
    background-color: #d6005f; }
  .html-b-form-footer .investment-profile-legend {
    position: relative; }
    .html-b-form-footer .investment-profile-legend::before {
      content: '';
      position: absolute;
      right: -10px;
      bottom: 100%;
      left: -10px;
      height: 20px;
      border-bottom: 1px solid #ffffff;
      background-image: linear-gradient(180deg, rgba(104, 104, 104, 0) 0%, rgba(104, 104, 104, 0.2) 100%);
      pointer-events: none; }
  @media (min-width: 581px) {
    .html-b-form-footer .investment-profile-legend {
      position: relative; }
      .html-b-form-footer .investment-profile-legend::before {
        right: -20px;
        left: -20px; } }
  @media (max-width: 768px) {
    .investment-profile-legend {
      padding: 5px 0; }
      .investment-profile-legend__list {
        margin-left: -10px; }
      .investment-profile-legend__item {
        margin-left: 10px; } }
  @media (min-width: 881px) {
    .html-b-form-footer .investment-profile-legend {
      position: relative; }
      .html-b-form-footer .investment-profile-legend::before {
        right: -20px;
        left: -20px; } }

.pui-m-my-reports.pui-is-overview .html-c-page-section {
  margin-bottom: 20px; }
  .pui-m-my-reports.pui-is-overview .html-c-page-section .html-b-page-section-header {
    position: relative; }
    .pui-m-my-reports.pui-is-overview .html-c-page-section .html-b-page-section-header .html-c-advanced-combo {
      padding-right: 0;
      min-width: auto; }

.pui-m-my-reports.pui-is-overview .pui-reported-events-table {
  padding: 10px; }
  .pui-m-my-reports.pui-is-overview .pui-reported-events-table table {
    width: 100%;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff;
    border-top: none;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif; }

.pui-m-quick-navigation.pui-navigation-large {
  margin: 10px 0;
  text-align: center; }
  .pui-m-quick-navigation.pui-navigation-large .pui-quick-navigation-wrapper {
    display: inline-block; }
  .pui-m-quick-navigation.pui-navigation-large .pui-quick-navigation-row {
    display: inline-block;
    white-space: nowrap; }
  .pui-m-quick-navigation.pui-navigation-large .html-c-button {
    display: inline-block;
    margin: 10px;
    white-space: normal; }
    .pui-m-quick-navigation.pui-navigation-large .html-c-button .html-button {
      padding-left: 5px;
      padding-right: 5px;
      max-width: 130px;
      min-height: 110px; }

@media (min-width: 481px) {
  .pui-m-quick-navigation.pui-navigation-large .pui-quick-navigation-row {
    white-space: normal; }
  .pui-m-quick-navigation.pui-navigation-large .html-c-button .html-button {
    max-width: 180px;
    min-height: inherit; } }

@media (min-width: 569px) {
  .pui-m-my-reports.pui-is-overview .pui-reported-events-table .pui-value {
    text-align: right; }
  .pui-m-my-reports.pui-is-overview .html-b-page-section-header .html-c-advanced-combo {
    position: absolute;
    top: 11px;
    right: 20px; } }

.map-list {
  padding: 15px 0;
  list-style-type: none; }
  .map-list li {
    margin-bottom: 10px; }
    .map-list li:last-child {
      margin: 0; }
  .map-list a {
    display: block;
    text-decoration: none;
    color: inherit; }
  .map-list a:hover {
    color: #ff6000; }

.map-infobox {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 285px;
  min-height: 413px;
  padding: 6px 10px 10px;
  background: white; }
  .map-infobox::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 20px 12px 0 12px;
    border-style: solid;
    border-color: white transparent transparent transparent;
    transform: translateX(-50%); }
  .map-infobox p, .map-infobox__msg {
    margin-bottom: 20px; }
  .map-infobox__title {
    margin: 0;
    color: #0a7caf;
    font-size: 20px; }
  .map-infobox__address {
    margin-bottom: 15px; }
  .map-infobox__link {
    color: inherit; }
  .map-infobox__more {
    padding-right: 15px;
    background-image: url("../images/pui/csobpoj/icons/arrow-right.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 8px auto;
    color: #0a7caf;
    font-size: 12px;
    text-decoration: none; }
  .map-infobox__content {
    margin: auto 0 10px; }

.map-search-button {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 10px); }
  .map-search-button .btn-icon {
    background-image: url(../images/pui/csobpoj/icons/commons-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 5px; }
  .map-search-button button {
    color: black;
    font-size: 15px;
    display: flex;
    background-color: white;
    align-items: center;
    padding: 5px 15px 6px 10px;
    border-radius: 15px;
    width: max-content;
    box-shadow: 0 0 9px 1px rgba(37, 126, 161, 0.6); }
    .map-search-button button:hover {
      color: black; }

.map-loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.5); }
  .map-loader .html-c-portlet-preloader {
    min-height: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 41px;
    height: 41px;
    padding: 15px;
    box-sizing: content-box;
    border-radius: 10px; }

.html-c-portlet-preloader {
  min-height: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 41px;
  height: 41px;
  padding: 15px;
  box-sizing: content-box;
  border-radius: 10px; }

.msg {
  position: relative;
  padding: 10px 10px 10px 40px;
  border: 1px solid #71d74e; }
  .msg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    background-color: #71d74e;
    background-image: url("../images/pui/csobpoj/icons/tooltip-success-white-thin.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto; }
  .msg > *:last-child {
    margin: 0; }
  .msg p {
    margin-bottom: 10px;
    line-height: 1.2; }
  .msg a {
    color: inherit; }
  .msg--warning {
    border-color: #d7c14e; }
    .msg--warning::before {
      background-color: #d7c14e;
      background-image: url("../images/pui/csobpoj/icons/round-icon-warning-white.svg"); }

.u-mb-0.u-mb-0 {
  margin-bottom: 0; }

.u-block.u-block {
  display: block; }

.u-mb-last-0 > *:last-child {
  margin-bottom: 0; }

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

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

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

.wcm-float-left {
  float: left !important;
  margin: 0 20px 20px 0; }

.wcm-float-right {
  float: right !important;
  margin: 0 0 20px 20px; }

.wcm-clear {
  clear: both !important; }

.wcm-clear-left {
  clear: left !important; }

.wcm-clear-right {
  clear: right !important; }

.wcm-text-nowrap {
  white-space: nowrap !important; }

tr.wcm-tbl-text-middle th,
tr.wcm-tbl-text-middle td,
th.wcm-tbl-text-middle,
td.wcm-tbl-text-middle {
  vertical-align: middle !important; }

.wcm-print-only {
  display: none !important; }
  @media print {
    .wcm-print-only {
      display: block !important; } }

@media print {
  .wcm-print-none {
    display: none !important; } }

@media all {
  .wcm-print-page-break {
    display: none !important; } }

@media print {
  .wcm-print-page-break {
    display: block !important;
    page-break-before: always !important; } }

.wcm-accessibly-hidden {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.pui-m-damage-reporting .wcm-card {
  position: relative; }
  .pui-m-damage-reporting .wcm-card .html-c-sticker {
    position: absolute;
    top: 0;
    left: 20px; }
  .pui-m-damage-reporting .wcm-card.wcm-card-left, .pui-m-damage-reporting .wcm-card.wcm-card-right {
    display: inline-block;
    vertical-align: top; }

.pui-m-damage-reporting .wcm-card-content {
  padding: 20px;
  background-color: white; }

.pui-m-damage-reporting .wcm-card-content-special {
  padding: 20px;
  background-color: #0099cc; }
  .pui-m-damage-reporting .wcm-card-content-special .wcm-card-text {
    color: #ffffff; }

.pui-m-damage-reporting .wcm-card-title {
  font-size: 20px;
  color: #003366;
  margin-bottom: 20px; }

.pui-m-damage-reporting .wcm-card-text {
  font-size: 14px;
  color: #686868; }

.pui-m-damage-reporting .wcm-card-phone-link {
  font-size: 20px;
  color: #0099cc; }
  .pui-m-damage-reporting .wcm-card-phone-link:before {
    content: "";
    display: inline-block;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 20px;
    background-image: url("../images/pui/csobpoj/icons/commons-phone-blue.png");
    background-image: url("../images/pui/csobpoj/icons/commons-phone-blue.svg"), none;
    background-size: 31px 31px; }

.pui-m-damage-reporting .wcm-card-button {
  padding: 8px 19px 9px 19px;
  font-size: 14px;
  background-color: #ff6000;
  color: #ffffff;
  -webkit-box-shadow: inset 0 -3px 0 0 #d95200;
  -moz-box-shadow: inset 0 -3px 0 0 #d95200;
  box-shadow: inset 0 -3px 0 0 #d95200; }
  .pui-m-damage-reporting .wcm-card-button:hover {
    background-color: #963a00;
    color: #ffffff;
    -webkit-box-shadow: inset 0 -3px 0 0 #803100;
    -moz-box-shadow: inset 0 -3px 0 0 #803100;
    box-shadow: inset 0 -3px 0 0 #803100; }
    .pui-m-damage-reporting .wcm-card-button:hover:focus {
      -webkit-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      -moz-box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6);
      box-shadow: inset 0 -3px 0 0 #803100, 0 0 9px 1px rgba(37, 126, 161, 0.6); }
  .pui-m-damage-reporting .wcm-card-button:focus {
    -webkit-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    -moz-box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6);
    box-shadow: inset 0 -3px 0 0 #d95200, 0 0 9px 1px rgba(37, 126, 161, 0.6); }

.pui-m-damage-reporting .wcm-card-image {
  display: block;
  width: 100%;
  height: auto; }

@media (min-width: 661px) {
  .pui-m-damage-reporting .wcm-hidden-desktop {
    display: none; } }

@media (max-width: 660px) {
  .pui-m-damage-reporting .wcm-hidden-mobile {
    display: none; } }

.product-menu.sidebar .sidebar-body {
  height: fit-content; }