@import url('https://css.cal-online.co.il/cdn/cd/7c2c75a75890dc239675588aea0790d4/eb7d44f054965a5973ea26c705fb9473/bootstrap.min.css');
footer-buttons > action > button[type='button'],
footer-buttons submit > button[type='button'],
footer-buttons > action > button.form-submit-button,
footer-buttons submit > button.form-submit-button {
  color: #fff;background: #1b5ece;background-color: #1b5ece;
}
button.quick-menu-button {
  color: #fff;
}
h3.title .tip,
field-wrapper field-suffix > icon,
#proposals-content card-proposals-template benefits-summary > span > span,
[role='dialog']#digital-id-introduction-modal .sent-success,
[role='dialog']#docscan-modal .panel content error small,
[role='dialog']#docscan-modal .panel .checked {
  color: #1b5ece;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] {
  background: #1b5ece;background-color: #1b5ece;
}
.tracker-stage.done > icon:after,
[role='select'] li.active > a:before,
[role='typeahead'] li.active > a:before,
.panel-content-required .checked:before,
ul.with-bullets li:before,
#shipping-content .date-schedule timetable panel.selected content:before,
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-complete .stage-description {
  color: #ff00a7;
}
sale-status > status-wrapper,
#upsales-content .card-list card > div[status='active'] span.progress {
  background: #ff00a7;background-color: #ff00a7;
}
loader #svg #bar {
  box-shadow: inset 0 0 0 2px #ff00a7;
}
[role='dialog']#digital-id-introduction-modal .sent-pending {
  color: #6e6e6e;
}
[role='dialog']#digital-id-introduction-modal .sent-failure {
  color: #f33a55;
}
button[error-tracker]:before,
.tracker-stage.done > icon:after,
.tracker-stage[data-state='sale.agreement'] icon:before,
.tracker-stage[data-state='sale.beneficiaries'] icon:before,
.tracker-stage[data-state='sale.conversion-opportunity'] icon:before,
.tracker-stage[data-state='sale.customer'] icon:before,
.tracker-stage[data-state='sale.conversion-disclosure'] icon:before,
.tracker-stage[data-state='sale.debits'] icon:before,
.tracker-stage[data-state='sale.proposals'] icon:before,
.tracker-stage[data-state='sale.vehicle'] icon:before,
.tracker-stage[data-state='sale.channels'] icon:before,
.tracker-stage[data-state='sale.upsales'] icon:before,
.tracker-stage[data-state='sale.documents'] icon:before,
.tracker-stage[data-state='sale.shipping'] icon:before,
.tracker-stage[data-state='sale.summary'] icon:before,
.tracker-stage[data-state='sale.disclosure'] icon:before,
.tracker-stage[data-state='sale.tradein'] icon:before,
[role='dialog'] .modal-header > button.close,
[role='dialog'][quality='authorization'] .modal-header:before,
binary-switch > nob > icon > check:after,
binary-switch > nob > icon > check:before,
binary-switch.sm > nob > icon > check:after,
binary-switch.sm > nob > icon > check:before,
select-button:before,
dropdown-button:before,
[role='select'] li.active > a:before,
[role='typeahead'] li.active > a:before,
auto-suggest icon:before,
paper > paper-header > icon,
tip:not([container='self']) > a:before,
span.tip-icon:before,
span.tip-icon:after,
.tooltip.top .tooltip-inner > button > icon,
.tooltip .tooltip-inner > button > icon,
#toast-container > .toast-warning,
#toast-container > .toast-error,
#toast-container > .toast-success,
.nav-tabs > li.disabled a[role='tab']:after,
flashing-note[role='alert'] > icon:before,
note[role='alert'] > icon:before,
flashing-note[role='warning'] > icon:before,
note[role='warning'] > icon:before,
flashing-note[role='info'] > icon:before,
note[role='info'] > icon:before,
flashing-note[role='neutral'] > icon:before,
note[role='neutral'] > icon:before,
aside-trigger.support-trigger > button > i,
aside-trigger.stub-editor-trigger > button,
aside button.close,
.aside button.close,
.design-category-icon-1,
.design-category-icon-2,
clamp-alert left-clamper:before,
clamp-alert right-clamper:before,
underwriting-status.sm icon,
underwriting-status[status='approved'] icon,
underwriting-status[status='denied'] icon,
underwriting-status[status='pending'] icon,
icon,
.icon,
.panel-content-required .checked:before,
.bullet:before,
.bullet--check:before,
.bullet--lens:before,
.bullet--sm:before,
.bullet--md:before,
field-wrapper.blocked-ind field-control:after,
#salepoint-content salepoint-suggestor div.search-phrase search-widget:before,
#dashboard-content .chart-legend-item .color:before,
#opportunities-content table th sorter:before,
#proposals-content card-proposals-template button[name='fullDisclosure'].active:before,
#proposals-content card-proposals-template .nav-tabs li a > icon:before,
#upsales-content design-gallery .design-category-icon-1:before,
#upsales-content design-gallery icon-1:before,
#upsales-content design-gallery .design-category-icon-2:before,
#upsales-content design-gallery icon-2:before,
#upsales-content design-gallery .design-category-icon-3:before,
#upsales-content design-gallery icon-3:before,
#shipping-content .date-schedule timetable panel.selected content:before,
#shipping-content information > ul li:before,
#shipping-content documents > ul li:before,
[role='dialog']#digital-id-introduction-modal .sent-pending:before,
[role='dialog']#digital-id-introduction-modal .sent-success:before,
[role='dialog']#digital-id-introduction-modal .sent-failure:before,
[role='dialog']#camera-modal .modal-header:before,
[role='dialog']#scanner-modal .modal-header:before,
[role='dialog']#docscan-modal .modal-header:before,
[role='dialog']#docscan-modal .modal-header.camera-icon:before,
[role='dialog']#docscan-modal .panel .checked:before,
#search-content .new-customer-label:before {
  font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;/* Preferred icon size */display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;/* Support for all WebKit browsers. */-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */text-rendering: optimizeLegibility;/* Support for Firefox. */-moz-osx-font-smoothing: grayscale;/* Support for IE. */font-feature-settings: 'liga';
}
binary-switch > nob > icon > check:after,
binary-switch > nob > icon > check:before,
binary-switch.sm > nob > icon > check:after,
binary-switch.sm > nob > icon > check:before,
tip:not([container='self']) > a:before,
span.tip-icon:before,
span.tip-icon:after,
.bullet:before {
  font-size: 18px !important;
}
select-button:before,
dropdown-button:before,
[role='select'] li.active > a:before,
[role='typeahead'] li.active > a:before,
auto-suggest icon:before,
.tooltip.top .tooltip-inner > button > icon,
.tooltip .tooltip-inner > button > icon,
underwriting-status.sm icon,
.bullet--sm:before,
#opportunities-content table th sorter:before,
#proposals-content card-proposals-template button[name='fullDisclosure'].active:before,
#upsales-content design-gallery .design-category-icon-1:before,
#upsales-content design-gallery icon-1:before,
#upsales-content design-gallery .design-category-icon-2:before,
#upsales-content design-gallery icon-2:before,
#upsales-content design-gallery .design-category-icon-3:before,
#upsales-content design-gallery icon-3:before,
#shipping-content .date-schedule timetable panel.selected content:before,
#search-content .new-customer-label:before {
  font-size: 24px !important;
}
.tracker-stage.done > icon:after,
[role='dialog'] .modal-header > button.close,
#toast-container > .toast-warning,
#toast-container > .toast-error,
#toast-container > .toast-success,
flashing-note[role='alert'] > icon:before,
note[role='alert'] > icon:before,
flashing-note[role='warning'] > icon:before,
note[role='warning'] > icon:before,
flashing-note[role='info'] > icon:before,
note[role='info'] > icon:before,
flashing-note[role='neutral'] > icon:before,
note[role='neutral'] > icon:before,
aside-trigger.support-trigger > button > i,
aside button.close,
.aside button.close,
.design-category-icon-1,
.design-category-icon-2,
underwriting-status[status='approved'] icon,
underwriting-status[status='denied'] icon,
underwriting-status[status='pending'] icon,
.panel-content-required .checked:before,
.bullet--md:before,
#salepoint-content salepoint-suggestor div.search-phrase search-widget:before,
#proposals-content card-proposals-template .nav-tabs li a > icon:before,
#shipping-content information > ul li:before,
#shipping-content documents > ul li:before,
[role='dialog']#digital-id-introduction-modal .sent-pending:before,
[role='dialog']#digital-id-introduction-modal .sent-success:before,
[role='dialog']#digital-id-introduction-modal .sent-failure:before,
[role='dialog']#camera-modal .modal-header:before,
[role='dialog']#scanner-modal .modal-header:before,
[role='dialog']#docscan-modal .modal-header:before,
[role='dialog']#docscan-modal .modal-header.camera-icon:before,
[role='dialog']#docscan-modal .panel .checked:before {
  font-size: 32px !important;
}
paper > paper-header > icon,
aside-trigger.stub-editor-trigger > button,
#dashboard-content .chart-legend-item .color:before {
  font-size: 42px !important;
}
clamp-alert left-clamper:before,
clamp-alert right-clamper:before {
  font-size: 56px !important;
}
button[error-tracker]:before,
[role='dialog'][quality='authorization'] .modal-header:before {
  font-size: 72px !important;
}
content-body > div[ui-view='content'] page-footer,
content-body > div[ui-view='content'] .page-footer,
content-body > div[ui-view='content'] + page-footer,
content-body > div[ui-view='content'] + .page-footer,
.form-section,
form-section,
#opportunities-content table loan amount,
#opportunities-content table loan payments,
#upsales-content .card-list,
#upsales-content design-gallery gallery-toolbar,
[role='dialog']#pdf-signature-modal error {
  box-sizing: border-box;display: flex;flex: 0 1 auto;flex-direction: row;flex-wrap: wrap;
}
#opportunities-content table loan amount,
#opportunities-content table loan payments {
  flex-wrap: nowrap !important;
}
.form-section h3.title,
form-section h3.title,
.form-section.flow-start form-field:not([class^='col-']):not(.full-row),
form-section.flow-start form-field:not([class^='col-']):not(.full-row),
.form-section.flow-stack form-field:not([class^='col-']),
form-section.flow-stack form-field:not([class^='col-']),
.form-section:not(.flow-stack) > form-field:not([class^='col-']),
form-section:not(.flow-stack) > form-field:not([class^='col-']),
.list-beneficiaries .beneficiery-item,
.list-beneficiaries .beneficiery-item,
#upsales-content .card-list card,
#upsales-content .card-list card,
#upsales-content design-gallery gallery-toolbar serial-filter,
#upsales-content design-gallery gallery-toolbar categories-options,
[role='dialog']#pdf-signature-modal error small {
  box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 2rem;padding-left: 2rem;
}
#opportunities-content table loan amount span,
#opportunities-content table loan payments span,
#opportunities-content table loan amount format,
#opportunities-content table loan payments format {
  -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;
}
.form-section.flow-start form-field:not([class^='col-']):not(.full-row),
form-section.flow-start form-field:not([class^='col-']):not(.full-row),
[role='dialog']#pdf-signature-modal error small {
  -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;
}
.list-beneficiaries .beneficiery-item,
#upsales-content .card-list card {
  -ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;
}
#upsales-content design-gallery gallery-toolbar serial-filter,
#upsales-content design-gallery gallery-toolbar categories-options {
  -ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;
}
.form-section:not(.flow-stack) > form-field:not([class^='col-']),
form-section:not(.flow-stack) > form-field:not([class^='col-']),
.list-beneficiaries .beneficiery-item,
#upsales-content .card-list card {
  -ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;
}
.form-section h3.title,
form-section h3.title,
.form-section.flow-stack form-field:not([class^='col-']),
form-section.flow-stack form-field:not([class^='col-']) {
  -ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;
}
.form-section,
form-section,
.form-section.flow-start,
form-section.flow-start,
#opportunities-content table loan amount,
#opportunities-content table loan payments,
#upsales-content .card-list,
#upsales-content design-gallery gallery-toolbar {
  justify-content: flex-start;text-align: start;
}
[role='dialog']#pdf-signature-modal error {
  justify-content: center;text-align: center;
}
.form-section h3.title,
form-section h3.title,
[role='dialog']#pdf-signature-modal error {
  align-items: center;
}
content-body > div[ui-view='content'] page-footer,
content-body > div[ui-view='content'] .page-footer,
content-body > div[ui-view='content'] + page-footer,
content-body > div[ui-view='content'] + .page-footer,
.form-section,
form-section {
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
@media only screen and (min-width: 64em) {
  .form-section:not(.flow-stack) > form-field:not([class^='col-']):not(.full-row),
  form-section:not(.flow-stack) > form-field:not([class^='col-']):not(.full-row),
  .list-beneficiaries .beneficiery-item,
  #upsales-content .card-list card {
    box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 2rem;padding-left: 2rem;
  }
  .list-beneficiaries .beneficiery-item,
  #upsales-content .card-list card {
    -ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;
  }
  .form-section:not(.flow-stack) > form-field:not([class^='col-']):not(.full-row),
  form-section:not(.flow-stack) > form-field:not([class^='col-']):not(.full-row) {
    -ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  /*content: "";*/
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  /*content: " ";*/
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  /*content: " ";*/
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  /*content: " ";*/
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  /*content: " ";*/
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
html {
  --base-font-size: 9px;
  --base-font-family: 'ploni-regular';
  --zoom-scale: 100%;
  zoom: var(--zoom-scale);
  font-size: var(--base-font-size);
  font-family: var(--base-font-family);
}
html[zoom='100'] {
  zoom: 100%;
  font-size: var(--base-font-size);
}
html[zoom='90'] {
  zoom: 90%;
  font-size: calc(var(--base-font-size) + 1px);
}
html[zoom='80'] {
  zoom: 80%;
  font-size: calc(var(--base-font-size) + 1px);
}
button[error-tracker] {
  position: fixed !important;
  bottom: -10rem;
  right: -10rem;
  height: 20rem;
  width: 20rem;
  z-index: 99999;
  border-radius: 50%;
  box-shadow: -13px -13px 80px 0 rgba(0, 0, 0, 0.4);
  display: none;
  color: #fff;
  background: #d30725;
  background-color: #d30725;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  opacity: 0;
  overflow: hidden;
}
button[error-tracker] content {
  position: absolute;
  top: 5rem;
  right: 10rem;
  width: 7rem;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
button[error-tracker]:before {
  position: absolute;
  top: 2rem;
  left: 10%;
  color: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  display: inline-block;
  content: 'bug_report';
}
button[error-tracker]:after {
  position: absolute;
  top: 2.5rem;
  right: 11.7rem;
  color: #fff;
  padding: 0.5rem 0;
  display: inline-block;
}
html,
body {
  height: 100%;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  outline: none !important;
  direction: rtl;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1366) {
  html,
  body {
    font-size: calc(9px - 1px);
  }
}
html:focus,
body:focus,
html:active,
body:active {
  outline: none !important;
}
html *,
body *,
html *::after,
body *::after,
html *::before,
body *::before {
  box-sizing: border-box;
}
body {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
p {
  margin: 0.4rem 0 0.8rem 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
h1 {
  font-family: Ploni-SemiBold;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1.3;
}
h2 {
  font-family: Ploni-SemiBold;
  font-size: 3.1rem;
  font-weight: normal;
  line-height: 1.2;
}
h3 {
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.2;
}
h4 {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1;
}
.font--sm {
  font-size: 1.8rem;
}
.font--gt-sm {
  font-size: 1.9rem;
}
.font--md {
  font-size: 2.1rem;
}
.font--gt-md {
  font-size: 2.4rem;
}
.font--lg {
  font-size: 3.1rem;
}
.font--xl {
  font-size: 4rem;
}
.font--ultralight {
  font-family: Ploni-UltraLight;
}
.font--light {
  font-family: Ploni-Light;
}
.font--regular {
  font-family: Ploni-Regular;
}
.font--medium {
  font-family: Ploni-Medium;
}
.font--semibold {
  font-family: Ploni-SemiBold;
}
.paragraph--sm {
  margin-bottom: 1rem;
}
.paragraph--md {
  margin-bottom: 1.8rem;
}
.paragraph--lg {
  margin-bottom: 2.5rem;
}
.plan-penalty-remark {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  color: #d30725;
}
page-view {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  direction: rtl;
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  isolation: isolate;
}
page-view:before {
  content: 'Cal.';
  font-size: 3802%;
  text-shadow: 1px 1px 0 #fff;
  position: fixed;
  color: #ebebeb;
  margin: auto;
  display: block;
  display: flex;
  justify-content: center;
  align-self: center;
  direction: ltr;
  font-family: ploni-semibold;
  z-index: 0;
  opacity: 0.2;
  top: 15%;
}
page-view.blurred {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
page-view.blurred.lg {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
page-view.blurred.md {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
page-view.blurred.sm {
  filter: blur(1px);
  -webkit-filter: blur(1px);
}
page-view.shrink {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
page-view.shrink.lg {
  -webkit-transition: all 0.8ease out;
  transition: all 0.8ease out;
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
page-view.shrink.md {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
page-view.shrink.sm {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
}
page-view[data-status='terminated'],
page-view[data-status='reset'],
page-view[data-status='error'] {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
page-view[data-status='terminated'] > *,
page-view[data-status='reset'] > *,
page-view[data-status='error'] > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
page-view[data-status='terminated'] > *,
page-view[data-status='reset'] > *,
page-view[data-status='error'] > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
app-peeker {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  overflow: hidden;
  padding: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #fff;
}
app-peeker button {
  color: #fff;
  text-align: right;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 4rem;
  -moz-flex: 0 1 4rem;
  -ms-flex: 0 1 4rem;
  flex: 0 1 4rem;
  padding: 1rem;
}
peek-notification {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
peek-notification notification {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  letter-spacing: 0.02rem;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
  text-align: right;
  z-index: 11000;
  position: relative;
}
peek-notification notification content {
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
peek-notification notification content.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
}
peek-notification notification content.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
peek-notification notification content.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
peek-notification notification content.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
  opacity: 0;
}
peek-notification icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 3rem 0 1rem;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  text-align: center;
  position: relative;
}
peek-notification icon:before {
  color: #ff00a7;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-block;
  display: -moz-block;
  display: -ms-blockbox;
  display: -ms-block;
  display: block;
  -webkit-animation-name: infinite-spin;
  animation-name: infinite-spin;
  animation-duration: 6s;
  -webkit-animation-duration: 6s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
header-view {
  top: 0rem;
  height: 3rem;
  z-index: 12;
  overflow: hidden;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
app-name {
  direction: ltr;
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: baseline;
  -moz-align-content: baseline;
  -ms-align-content: baseline;
  align-content: baseline;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  padding: 0 0.5rem;
}
app-specs {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: baseline;
  -moz-align-content: baseline;
  -ms-align-content: baseline;
  align-content: baseline;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  padding: 0.25rem 1rem 0;
  line-height: 1;
}
app-logo {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Ploni-SemiBold;
  font-size: 5.5rem;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.03rem;
  display: inline-block;
  line-height: 1;
}
app-label {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  -ms-flex-item--align: baseline;
  -webkit-align-self: baseline;
  -moz-align-self: baseline;
  -ms-align-self: baseline;
  align-self: baseline;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: Ploni-UltraLight;
  font-size: 4rem;
  font-weight: normal;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  position: relative;
  padding-right: 1rem;
  align-items: baseline;
  line-height: 1;
}
sale-status {
  position: relative;
  isolation: isolate;
  height: 5rem;
  width: 5rem;
}
sale-status > status-wrapper {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 30rem;
  height: 40rem;
  padding: 2rem;
}
sale-status > .status-message {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
sale-status > .status-message.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
}
sale-status > .status-message.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  opacity: 1;
}
sale-status > .status-message.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
}
sale-status > .status-message.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  opacity: 0;
}
sale-status > .fab-button {
  z-index: 1;
  transition: 0.5s ease-out;
}
sale-status > .fab-button.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(scale(0.5, 0.5));
  transform: translate3d(scale(0.5, 0.5));
}
sale-status > .fab-button.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  opacity: 1;
}
sale-status > .fab-button.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
}
sale-status > .fab-button.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(scale(0.5, 0.5));
  transform: translate3d(scale(0.5, 0.5));
  opacity: 0;
}
sale-status + .sale-status-popover {
  min-width: 40rem;
  max-width: 50rem;
}
app-version {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  padding: 0;
  color: #fff;
  margin: 0;
  letter-spacing: 0.08rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: all 0.8s linear 1s;
  transition: all 0.8s linear 1s;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
app-environment {
  padding: 0 0.3rem;
}
app-salepoint {
  position: relative;
  text-align: left;
  margin: 0 0 0.35rem 0;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
}
app-salepoint .salepoint-name {
  display: inline-block;
  letter-spacing: 0.05rem;
  padding: 0;
}
app-salepoint .salepoint-name .salepoint-id {
  font-family: Ploni-Medium;
  font-size: 1.8rem;
  font-weight: normal;
  padding: 0 0.1rem 0 0.3rem;
}
app-tracker {
  -webkit-transition: 0.2s ease-out 0.5s;
  transition: 0.2s ease-out 0.5s;
  padding: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  text-align: center;
  opacity: 1;
  z-index: 4;
}
.tracker-tiles {
  padding: 0;
  margin: 0 auto !important;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.tracker-tiles.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
}
.tracker-tiles.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  opacity: 1;
}
.tracker-tiles.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
}
.tracker-tiles.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  transform: translate3d(0, 10%, 0) scale(0.8, 0.8);
  opacity: 0;
}
@media (min-width: 468px) {
  .tracker-tiles {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
.tracker-stage {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  color: #fff;
  margin: 0;
  opacity: 0.9;
  text-shadow: none;
}
.tracker-stage > label {
  font-family: Ploni-Light;
  font-size: 1.8rem;
  font-weight: normal;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: bottom;
  -moz-align-self: bottom;
  -ms-align-self: bottom;
  align-self: bottom;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 0.95;
  cursor: pointer;
  word-wrap: break-word;
  word-spacing: 1000px;
}
.tracker-stage > icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0.2rem;
  border-radius: 50%;
  background: #002664;
  background-color: #002664;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 48px;
  width: 48px;
  position: relative;
  cursor: pointer;
}
.tracker-stage.done {
  opacity: 1;
  color: rgba(255, 255, 255, 0.41);
}
.tracker-stage.done > icon:after {
  content: 'check';
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  right: -1rem;
  left: auto;
}
.tracker-stage.active {
  opacity: 1;
}
.tracker-stage.active icon {
  background: #ff00a7 !important;
  background-color: #ff00a7 !important;
  text-shadow: 15px 20px 15px rgba(0, 0, 0, 0.2);
}
.tracker-stage.active icon:before {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-animation-name: infinite-bounce;
  animation-name: infinite-bounce;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.tracker-stage[data-state='sale.agreement'] icon:before {
  content: 'assignment_turned_in';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.beneficiaries'] icon:before {
  content: 'people';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.conversion-opportunity'] icon:before,
.tracker-stage[data-state='sale.customer'] icon:before {
  content: 'account_box';
  font-size: 30px !important;
}
.tracker-stage[data-state='sale.conversion-disclosure'] icon:before {
  content: 'outlined_flag';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.debits'] icon:before {
  content: 'account_balance';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.proposals'] icon:before {
  content: 'list_alt';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.vehicle'] icon:before {
  content: 'directions_car';
  font-size: 30px !important;
}
.tracker-stage[data-state='sale.channels'] icon:before {
  content: 'alternate_email';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.upsales'] icon:before {
  content: 'grade';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.documents'] icon:before {
  content: 'assignment_turned_in';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.shipping'] icon:before {
  content: 'send';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.summary'] icon:before {
  content: 'gavel';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.disclosure'] icon:before {
  content: 'info_outline';
  font-size: 26px !important;
}
.tracker-stage[data-state='sale.tradein'] icon:before {
  content: 'sync_alt';
  font-size: 26px !important;
}
.tracker-stage:before {
  position: absolute;
  margin: auto;
  top: 0.2rem;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 2.5rem;
  padding: 0.5rem 0;
}
quick-menu {
  /*position: fixed;
    right: auto;
    left: 2%;
    z-index: 21;
    top: unit(@app-quick-menu-lg-top, @def-unit);
    height: unit(@app-quick-menu-lg-height, @def-unit);*/
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
ul.quick-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
li.quick-menu-item {
  padding: 0.5rem 0;
  position: relative;
}
button.automation-button {
  position: absolute;
  top: 0;
  left: auto;
  right: 1rem;
  bottom: 0;
  margin: auto 0;
  z-index: 2;
  height: 1.6rem;
  width: 1.6rem;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation-name: infinite-spin;
  animation-name: infinite-spin;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
button.automation-button icon {
  height: 18.6rem;
  width: 18.9rem;
  color: #323232;
  font-size: 19rem;
  line-height: 1;
}
button.quick-menu-button {
  background: #002664;
  background-color: #002664;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 48px;
  width: 48px;
}
button.quick-menu-button[abort-sale] {
  background: #d30725;
  background-color: #d30725;
}
button.quick-menu-button:before {
  text-align: center;
  display: block;
  width: 2rem;
  margin: 0 auto;
}
button.automation-button {
  position: absolute;
  top: 0;
  left: auto;
  right: 1rem;
  bottom: 0;
  margin: auto 0;
  z-index: 2;
  height: 18.6rem;
  width: 18.6rem;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation-name: infinite-spin;
  animation-name: infinite-spin;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.22);
}
button.automation-button icon {
  height: 18.6rem;
  width: 18.9rem;
  color: rgba(0, 0, 0, 0.05);
}
button.automation-button icon:before {
  font-size: 18.6rem !important;
  line-height: 18.6rem !important;
}
bread-crumbs {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0.5rem 2.6rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 19;
  position: absolute;
  height: 4rem;
  border-bottom: 1px solid #dcdcdc;
}
ul.bread-crumbs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
li.bread-crumbs-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  position: relative;
}
crumb.bread-crumbs-label {
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0.1rem 0 0 2rem;
  line-height: 1.8rem;
}
crumb.bread-crumbs-label.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, -3rem, 0);
  transform: translate3d(0, -3rem, 0);
}
crumb.bread-crumbs-label.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
crumb.bread-crumbs-label.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
crumb.bread-crumbs-label.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -3rem, 0);
  transform: translate3d(0, -3rem, 0);
  opacity: 0;
}
crumb.bread-crumbs-label span {
  white-space: nowrap;
  letter-spacing: 0.04rem;
}
/*content-view {
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    top: 2rem;
    z-index: 0;
    overflow: hidden;
    .padding(0);
    .transform-origin(50% 50%);
    .transparent();
    .color(@X65);
    .box(row, stretch, center, nowrap );
    .flex(1,1,auto);
}*/
content-area {
  padding: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: auto;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: 1s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0s;
  transition: 1s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0s;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  grid-auto-flow: column;
  grid-template-rows: auto;
  perspective: 5000px;
  perspective-origin: right center;
  grid-template-columns: 7rem 1fr 7rem;
  position: relative;
  top: 3rem;
  left: 0;
  right: 0;
  bottom: auto;
  position: absolute;
  width: 100%;
  height: calc(100% - 6rem);
  max-width: 120rem;
  z-index: 1;
}
@media only screen and (min-width: 1200px) {
  content-area[scale='gt-md'] {
    max-width: calc(120rem + 20rem);
  }
  content-area[scale='lg'] {
    max-width: calc(100vw - 20%);
  }
  content-area[scale='xl'] {
    max-width: calc(100vw - 10rem);
  }
}
content-area.stretch-height {
  top: 0;
  bottom: 0;
  height: 100%;
  border-radius: 0;
}
content-area.stretch-height content-body {
  border-radius: 0;
  box-shadow: -20px 0 67px -30px rgba(0, 0, 0, 0.7), 20px 0 67px -30px rgba(0, 0, 0, 0.7);
}
content-area content-effect,
content-area content-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 15px;
}
content-area content-effect {
  perspective: 5000px;
  perspective-origin: 0%;
  padding: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  height: 100%;
  position: relative;
}
content-area content-effect.brief-on content-body {
  opacity: 0.5;
  transform: rotateY(39deg) scale(0.87);
  box-shadow: -120px 0 95px -40px rgba(0, 0, 0, 0.7);
}
content-area content-effect.brief-on content-brief {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
content-area content-brief {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: 1s cubic-bezier(0, 1.15, 0.45, 0.99) 0s;
  transition: 1s cubic-bezier(0, 1.15, 0.45, 0.99) 0s;
  opacity: 0;
  transform: translate3d(200%, 0, 0);
  z-index: 0;
  transform-origin: left center;
  padding: 2rem;
  position: absolute;
  top: 6rem;
  left: 3rem;
  bottom: 6rem;
  right: auto;
  height: auto;
  width: 32rem;
  isolation: isolate;
}
content-area content-brief .close-button {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  z-index: 2;
}
content-area .content-side-menu {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin: 1rem 0;
}
content-area .content-side-menu > .side-menu-list {
  width: 7rem;
  margin: 0 0.5rem;
  border-radius: 4rem;
  padding: 1rem 0 1rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transition: 0.75s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0s;
  transition: 0.75s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0s;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
content-area .content-side-menu > .side-menu-list.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-5rem, 0, 0) scale(0.8, 0.8);
  transform: translate3d(-5rem, 0, 0) scale(0.8, 0.8);
}
content-area .content-side-menu > .side-menu-list.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  opacity: 1;
}
content-area .content-side-menu > .side-menu-list.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
}
content-area .content-side-menu > .side-menu-list.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-5rem, 0, 0) scale(0.8, 0.8);
  transform: translate3d(-5rem, 0, 0) scale(0.8, 0.8);
  opacity: 0;
}
content-area .content-side-menu > .side-menu-list:not(:last-child) {
  margin-bottom: 1.5rem;
}
content-area .content-side-menu > .side-menu-list > * {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
}
content-area .content-side-menu > .side-menu-list label {
  padding: 0.35rem;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.1;
  line-height: 0.95;
  display: inline-block;
  word-break: break-word;
  text-align: center;
}
content-body {
  -webkit-transition: 600ms cubic-bezier(0, 1.15, 0.45, 0.99) 0s;
  transition: 600ms cubic-bezier(0, 1.15, 0.45, 0.99) 0s;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  position: relative;
  align-self: stretch;
  isolation: isolate;
  height: 100%;
  z-index: 1;
}
content-body > div[ui-view='content'] {
  /* Track */
  /* Handle */
  padding: 0 2rem;
  display: block;
  position: absolute;
  right: 15px;
  left: 15px;
  top: 5rem;
  bottom: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  isolation: isolate;
}
content-body > div[ui-view='content']::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  padding: 0.5rem;
  margin: 2px 2px 2px 0;
}
content-body > div[ui-view='content']::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #dcdcdc;
  background-color: #dcdcdc;
}
content-body > div[ui-view='content']::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #2068e4;
  background-color: #2068e4;
}
content-body > div[ui-view='content']::-webkit-scrollbar-thumb:window-inactive {
  background: #2068e4;
  background-color: #2068e4;
}
content-body > div[ui-view='content'] h1.title {
  padding: 0;
  -webkit-background-image: linear-gradient(0deg, rgba(255,255,255,0), #fff 60%);
  background-image: linear-gradient(0deg, rgba(255,255,255,0), #fff 60%);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  margin-bottom: 0;
  padding-bottom: 4rem;
  user-select: none;
  pointer-events: none;
}
content-body > div[ui-view='content'] h1.title .emph {
  font-family: Ploni-Bold;
  font-size: 4.5rem;
  font-weight: normal;
}
content-body > div[ui-view='content'] h1.title .light {
  font-family: Ploni-Light;
  font-size: calc(4.5rem - 2px);
  font-weight: normal;
}
content-body > div[ui-view='content'] page-footer,
content-body > div[ui-view='content'] .page-footer,
content-body > div[ui-view='content'] + page-footer,
content-body > div[ui-view='content'] + .page-footer {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  user-select: none;
  pointer-events: none;
  z-index: 3;
  width: 100%;
  isolation: isolate;
  padding: 0.25rem 0;
  margin-top: 6rem;
  /*&:after {
                content: '';
                position: absolute;
                z-index: -1;
                left: 0;
                bottom: 0;
                width: 100%;
                height: calc(100% + 3rem);
                .gradient(@Y0 33%, transparent, bottom);
            }*/
}
content-body > div[ui-view='content'] page-footer .actions,
content-body > div[ui-view='content'] .page-footer .actions,
content-body > div[ui-view='content'] + page-footer .actions,
content-body > div[ui-view='content'] + .page-footer .actions {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
content-body > div[ui-view='content'] page-footer .actions.between-xs,
content-body > div[ui-view='content'] .page-footer .actions.between-xs,
content-body > div[ui-view='content'] + page-footer .actions.between-xs,
content-body > div[ui-view='content'] + .page-footer .actions.between-xs {
  justify-content: space-between;
}
content-body > div[ui-view='content'] page-footer .actions.center,
content-body > div[ui-view='content'] .page-footer .actions.center,
content-body > div[ui-view='content'] + page-footer .actions.center,
content-body > div[ui-view='content'] + .page-footer .actions.center {
  justify-content: center;
}
content-body > div[ui-view='content'] page-footer .actions button,
content-body > div[ui-view='content'] .page-footer .actions button,
content-body > div[ui-view='content'] + page-footer .actions button,
content-body > div[ui-view='content'] + .page-footer .actions button,
content-body > div[ui-view='content'] page-footer .actions [type='button'],
content-body > div[ui-view='content'] .page-footer .actions [type='button'],
content-body > div[ui-view='content'] + page-footer .actions [type='button'],
content-body > div[ui-view='content'] + .page-footer .actions [type='button'],
content-body > div[ui-view='content'] page-footer .actions [type='submit'],
content-body > div[ui-view='content'] .page-footer .actions [type='submit'],
content-body > div[ui-view='content'] + page-footer .actions [type='submit'],
content-body > div[ui-view='content'] + .page-footer .actions [type='submit'] {
  user-select: none;
  pointer-events: all;
}
content-body > div[ui-view='content'] page-footer:before,
content-body > div[ui-view='content'] .page-footer:before,
content-body > div[ui-view='content'] + page-footer:before,
content-body > div[ui-view='content'] + .page-footer:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: calc(100% + 1rem);
  -webkit-background-image: linear-gradient(180deg, rgba(255,255,255,0), #fff 60%);
  background-image: linear-gradient(180deg, rgba(255,255,255,0), #fff 60%);
  user-select: none;
  pointer-events: none;
}
content-body [id$='-content'] {
  padding: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-transition: 0.5 ease-out;
  transition: 0.5 ease-out;
}
content-body [id$='-content'] .content--sm {
  max-width: 40rem;
  text-align: center;
}
content-body [id$='-content'] .stretch-vert {
  justify-content: stretch;
}
content-body [id$='-content'] .page-body {
  flex: 1;
}
content-body [id$='-content'] form {
  display: block;
}
content-body [id$='-content'] form form:after {
  content: '';
  height: 20rem;
  display: block;
}
content-body [id$='-content']:not(.fit-height) form:after {
  height: 2rem;
}
content-body [id$='-content'] .main-content-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[ui-view='content-form'] {
  position: absolute;
  left: 0;
  bottom: auto;
  right: 0;
  top: auto;
  display: block;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
[ui-view='content-form'].ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
}
[ui-view='content-form'].ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[ui-view='content-form'].ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
[ui-view='content-form'].ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -5rem, 0);
  transform: translate3d(0, -5rem, 0);
  opacity: 0;
}
[ui-view='content-form'].ng-enter {
  -webkit-transition: all 0.4s ease-out 0.8s;
  transition: all 0.4s ease-out 0.8s;
}
[ui-view='content-form'].ng-leave {
  -webkit-transition: all 0.4s ease-in 0.2s;
  transition: all 0.4s ease-in 0.2s;
}
content-body > div.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-4rem, 0, 0);
  transform: translate3d(-4rem, 0, 0);
}
content-body > div.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
content-body > div.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
content-body > div.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(2rem, 0, 0);
  transform: translate3d(2rem, 0, 0);
  opacity: 0;
}
content-body > div.ng-enter {
  overflow-y: hidden;
  -webkit-transition: all 0.4s ease-out 0.8s;
  transition: all 0.4s ease-out 0.8s;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
content-body > div.ng-enter.ng-enter-active {
  overflow-y: hidden;
}
content-body > div.ng-leave {
  overflow-y: hidden;
  -webkit-transition: all 0.2s ease-in 0.2s;
  transition: all 0.2s ease-in 0.2s;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
content-body > div.ng-leave.ng-leave-active {
  overflow-y: hidden;
}
img {
  border: 0;
}
pdf-print-button.primary-button > button,
[pdf-print-button].primary-button > button {
  color: #fff;
  background: #1b5ece;
  background-color: #1b5ece;
}
pdf-print-button.lg button,
[pdf-print-button].lg button {
  padding: 1rem 4rem;
}
a {
  text-decoration: none !important;
  outline: none !important;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
  outline: none !important;
}
button,
linker a {
  padding: 0;
  border: none;
  border-radius: 3rem;
  letter-spacing: 0.03rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  width: auto;
  text-decoration: none !important;
  position: relative;
  cursor: pointer;
}
button.full-width,
linker a.full-width {
  width: 100%;
}
button > icon,
linker a > icon,
button > content,
linker a > content,
button > .icon,
linker a > .icon,
button > .content,
linker a > .content {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
}
button > content,
linker a > content,
button > .content,
linker a > .content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
button.stretch,
linker a.stretch {
  width: 100%;
}
button[icon-placement] icon,
linker a[icon-placement] icon {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
button[icon-placement] icon:before,
linker a[icon-placement] icon:before {
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
button[icon-placement='top'],
linker a[icon-placement='top'] {
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
button[icon-placement='top'] icon,
linker a[icon-placement='top'] icon {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -moz-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
button[icon-placement='top'] content,
linker a[icon-placement='top'] content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -moz-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
button[icon-placement='top'].sm > icon,
linker a[icon-placement='top'].sm > icon {
  padding: 0.5rem 1rem;
}
button[icon-placement='top'].sm > content,
linker a[icon-placement='top'].sm > content {
  padding: 0.5rem 1rem;
}
button[icon-placement='top'].md > icon,
linker a[icon-placement='top'].md > icon {
  padding: 0.5rem 1rem;
}
button[icon-placement='top'].md > content,
linker a[icon-placement='top'].md > content {
  padding: 0.5rem 1rem;
}
button[icon-placement='right'],
linker a[icon-placement='right'] {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
button[icon-placement='right'].justify-start,
linker a[icon-placement='right'].justify-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
button[icon-placement='right'] > icon,
linker a[icon-placement='right'] > icon {
  text-align: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
button[icon-placement='right'] > content,
linker a[icon-placement='right'] > content {
  text-align: right;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
button:not(.circle-button):not(.fab-button) > .button-caption.overflow,
linker a:not(.circle-button):not(.fab-button) > .button-caption.overflow {
  max-width: 90%;
  display: inline-block;
  white-space: normal;
}
button:not(.circle-button):not(.fab-button) > .button-caption.overflow.ellipsis,
linker a:not(.circle-button):not(.fab-button) > .button-caption.overflow.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
button:not(.circle-button):not(.fab-button).lg,
linker a:not(.circle-button):not(.fab-button).lg {
  height: 5.1rem;
  min-width: 15rem;
  padding: 1rem 2rem;
  font-family: Ploni-Medium;
  font-size: 2.4rem;
  font-weight: normal;
}
button:not(.circle-button):not(.fab-button).lg > icon,
linker a:not(.circle-button):not(.fab-button).lg > icon {
  padding: 0 1.4rem;
}
button:not(.circle-button):not(.fab-button).lg > content,
linker a:not(.circle-button):not(.fab-button).lg > content {
  padding: 0 0 0 1.8rem;
}
button:not(.circle-button):not(.fab-button).md,
linker a:not(.circle-button):not(.fab-button).md {
  height: 5.5rem;
  min-width: 10rem;
  padding: 0.5rem 1rem;
  font-family: Ploni-Medium;
  font-size: 2.4rem;
  font-weight: normal;
}
button:not(.circle-button):not(.fab-button).md > icon,
linker a:not(.circle-button):not(.fab-button).md > icon {
  padding: 0 1rem 0 0.25rem;
}
button:not(.circle-button):not(.fab-button).md > content,
linker a:not(.circle-button):not(.fab-button).md > content {
  padding: 0 0.25rem 0 1.5rem;
}
button:not(.circle-button):not(.fab-button).sm,
linker a:not(.circle-button):not(.fab-button).sm {
  height: 4.25rem;
  padding: 0.5rem 2rem;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
}
button:not(.circle-button):not(.fab-button).sm > icon,
linker a:not(.circle-button):not(.fab-button).sm > icon {
  padding: 0 0.8rem;
}
button:not(.circle-button):not(.fab-button).sm > content,
linker a:not(.circle-button):not(.fab-button).sm > content {
  padding: 0 0 0 1.1rem;
}
button:not(.circle-button):not(.fab-button).xs,
linker a:not(.circle-button):not(.fab-button).xs {
  height: 2.84rem;
  padding: 0.15rem 0.75rem;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
button:not(.circle-button):not(.fab-button).xs > icon,
linker a:not(.circle-button):not(.fab-button).xs > icon {
  padding: 0 0.5rem;
}
button:not([icon-placement]):not(.circle-button):not(.fab-button).md > content,
linker a:not([icon-placement]):not(.circle-button):not(.fab-button).md > content {
  padding: 0 2rem;
}
button:not([icon-placement]):not(.circle-button):not(.fab-button).xs,
linker a:not([icon-placement]):not(.circle-button):not(.fab-button).xs {
  padding: 0 1rem;
}
button.pull-left,
linker a.pull-left {
  -webkit-box-pack: end !important;
  -moz-box-pack: end !important;
  -ms-flex-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -moz-justify-content: flex-end !important;
  -ms-justify-content: flex-end !important;
  justify-content: flex-end !important;
}
button.pull-right,
linker a.pull-right {
  -webkit-box-pack: start !important;
  -moz-box-pack: start !important;
  -ms-flex-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -moz-justify-content: flex-start !important;
  -ms-justify-content: flex-start !important;
  justify-content: flex-start !important;
}
button.inline,
linker a.inline {
  display: inline-flex;
}
button.transparent,
linker a.transparent {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
button:active,
linker a:active,
button:focus,
linker a:focus {
  outline: none !important;
}
button[disabled='disabled']:not([persist-cursor='true']),
linker a[disabled='disabled']:not([persist-cursor='true']) {
  cursor: not-allowed;
}
button.primary-button > content,
linker a.primary-button > content {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
button.as-link {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  display: inline-block;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  padding: 0 0.5rem;
  color: inherit;
  font-size: inherit;
}
perspective,
.perspective {
  -webkit-perspective: attr(perspective);
  perspective: attr(perspective);
}
perspective.lg,
.perspective.lg {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
perspective.md,
.perspective.md {
  -webkit-perspective: 500px;
  perspective: 500px;
}
perspective.sm,
.perspective.sm {
  -webkit-perspective: 200px;
  perspective: 200px;
}
perspective.xs,
.perspective.xs {
  -webkit-perspective: 100px;
  perspective: 100px;
}
linker,
button.link-button {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.02rem;
  padding: 0 0.2rem 0.3rem;
  font-size: inherit;
}
linker.inline,
button.link-button.inline {
  min-height: 0;
  padding: 0;
}
linker.inline content,
button.link-button.inline content {
  padding: 0px;
}
linker.dark,
button.link-button.dark {
  color: #1e71ff;
  text-shadow: 0 0 2px #000;
}
linker.dark:after,
button.link-button.dark:after {
  background: #2068e4;
  background-color: #2068e4;
}
linker:hover:after,
button.link-button:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
linker:before,
button.link-button:before,
linker:after,
button.link-button:after {
  content: '';
  height: 0.08rem;
  top: auto;
  left: auto;
  position: absolute;
  bottom: -2px;
  right: 0;
  padding: 0;
  width: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  font-family: Ploni-Regular;
  font-size: 0;
  font-weight: normal;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
linker:after,
button.link-button:after {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  background: #ff00a7;
  background-color: #ff00a7;
  bottom: -3px;
  height: 2px;
  left: 0;
}
linker:before,
button.link-button:before {
  background: #1b5ece;
  background-color: #1b5ece;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.pdf-button {
  border-radius: 50%;
  height: 3em;
  width: 3em;
  padding: 0;
}
.alert {
  text-shadow: 1px 1px 0 #fff;
  padding: 10px;
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
}
info[data-trigger] {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #1b5ece;
  font-family: Ploni-Bold;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1rem;
  display: block;
  padding: 0.1rem 1.8rem 0.35rem 1rem;
  position: relative;
}
info[data-trigger]:before {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  height: 1rem;
  width: 1rem;
  font-style: normal;
}
h3.title {
  line-height: 1.1;
  position: relative;
  margin-bottom: 2rem;
}
h3.title .emph {
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
}
h3.title .light {
  font-family: Ploni-Light;
  font-size: calc(3.1rem - 1px);
  font-weight: normal;
}
h3.title .tip {
  font-family: Ploni-Medium;
  font-size: 2.4rem;
  font-weight: normal;
}
.form-section,
form-section {
  position: relative;
  gap: 1rem 0;
  /*&:extend(.col-xs-12);*/
}
.form-section:not(.flow-stack) > form-field:not([class^='col-']),
form-section:not(.flow-stack) > form-field:not([class^='col-']) {
  padding-right: 4rem;
  padding-left: 4rem;
}
error-wrapper {
  display: block;
  min-height: 2rem !important;
}
error,
.error {
  display: block;
  padding: 0 !important;
  margin-top: 3px;
  margin-bottom: 0;
  width: 100%;
  top: auto;
  min-height: 2.5rem !important;
  position: relative;
  direction: rtl;
}
error.inline,
.error.inline {
  position: relative;
}
error.center small,
.error.center small {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
form-submit-button,
.form-submit-button {
  position: relative;
  /*margin-top: 1rem;*/
  flex: 1 0 auto;
  align-self: flex-end;
}
form-submit-button > button,
.form-submit-button > button,
form-submit-button button.as-submit,
.form-submit-button button.as-submit {
  float: left;
  min-width: 16rem !important;
}
/*textarea {
    min-height: 5rem;
}*/
checkbox {
  display: grid;
  align-items: center;
  justify-content: start;
  grid-gap: 2rem;
  grid-auto-flow: column;
  grid-template-rows: auto;
}
checkbox[gap='xs'] {
  grid-gap: 0.5rem;
}
checkbox[gap='sm'] {
  grid-gap: 1rem;
}
checkbox[gap='md'] {
  grid-gap: 2rem;
}
checkbox[gap='lg'] {
  grid-gap: 3rem;
}
checkbox.xl button {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(16rem + 0rem);
  width: calc(16rem + 0rem);
  line-height: 1;
}
checkbox.xl button > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
checkbox.xl [toggled-button].checked {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
checkbox.xl [toggled-button].checked:before {
  content: url('../assets/images/check-symbol.svg');
}
checkbox.xl [toggled-button].checked:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(16rem - 0rem) * 0.24);
  width: calc(calc(16rem - 0rem) * 0.24);
}
checkbox.lg button {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(12rem + 0rem);
  width: calc(12rem + 0rem);
  line-height: 1;
}
checkbox.lg button > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
checkbox.lg [toggled-button].checked {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
checkbox.lg [toggled-button].checked:before {
  content: url('../assets/images/check-symbol.svg');
}
checkbox.lg [toggled-button].checked:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(12rem - 0rem) * 0.23);
  width: calc(calc(12rem - 0rem) * 0.23);
}
checkbox.md button {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(9rem + 0rem);
  width: calc(9rem + 0rem);
  line-height: 0.9;
}
checkbox.md button > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
checkbox.md [toggled-button].checked {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
checkbox.md [toggled-button].checked:before {
  content: url('../assets/images/check-symbol.svg');
}
checkbox.md [toggled-button].checked:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(9rem - 0rem) * 0.25);
  width: calc(calc(9rem - 0rem) * 0.25);
}
checkbox choice {
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 0 !important;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  overflow: hidden;
}
checkbox choice[disabled] {
  cursor: not-allowed;
}
checkbox choice:focus {
  outline: none !important;
}
checkbox choice:focus:active,
checkbox choice:focus:focus,
checkbox choice:focus:hover {
  outline: none !important;
}
checkbox choice > button,
checkbox choice > button.choice-button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0.25em 0.5rem;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 0.9;
  word-break: break-word;
}
[toggled-button].checked.md {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
[toggled-button].checked.md:before {
  content: url('../assets/images/check-symbol.svg');
}
[toggled-button].checked.md:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(9rem - 0rem) * 0.25);
  width: calc(calc(9rem - 0rem) * 0.25);
}
[toggled-button].checked.lg {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
[toggled-button].checked.lg:before {
  content: url('../assets/images/check-symbol.svg');
}
[toggled-button].checked.lg:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(12rem - 0rem) * 0.23);
  width: calc(calc(12rem - 0rem) * 0.23);
}
[toggled-button].checked.xl {
  position: relative;
  overflow: visible;
  /*/
    .check-symbol.on {
        .transform(scale(1));
    }

    .check-symbol {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 200;
        .transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);

        & when (@size = md) {
            .equilateral(calc(calc(@circle-button-md - @reducer) * 0.25));
        }

        & when (@size = lg) {
            .equilateral(calc(calc(@circle-button-lg - @reducer) * 0.23));
        }

        & when (@size = xl) {
            .equilateral(calc(calc(@circle-button-xl - @reducer) * 0.24));
        }*
    }*/
}
[toggled-button].checked.xl:before {
  content: url('../assets/images/check-symbol.svg');
}
[toggled-button].checked.xl:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  /*.transform(scale(0));
        .transform-origin(center center);
        .transition(.250s ease-out .5s);*/
  height: calc(calc(16rem - 0rem) * 0.24);
  width: calc(calc(16rem - 0rem) * 0.24);
}
.circle-button.xl {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(16rem + 0rem);
  width: calc(16rem + 0rem);
}
.circle-button.xl > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.circle-button.lg {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(12rem + 0rem);
  width: calc(12rem + 0rem);
}
.circle-button.lg > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.circle-button.md {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(9rem + 0rem);
  width: calc(9rem + 0rem);
}
.circle-button.md > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.circle-button.md {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: 5rem;
  width: 5rem;
}
.circle-button.md > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.fab-button--sm {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: 5rem;
  width: 5rem;
}
.fab-button--sm > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.fab-button--md {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(9rem + 0rem);
  width: calc(9rem + 0rem);
}
.fab-button--md > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.fab-button--lg {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(12rem + 0rem);
  width: calc(12rem + 0rem);
}
.fab-button--lg > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
.fab-button--xl {
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  height: calc(16rem + 0rem);
  width: calc(16rem + 0rem);
}
.fab-button--xl > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
textarea,
input,
.input,
select-button > button,
dropdown-button > button,
.label-as-textbox {
  height: calc(3.5rem + 0px);
  padding: 0;
  letter-spacing: 0.02rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  -webkit-appearance: none;
  outline: none;
  border: none;
  display: block;
  direction: rtl;
}
textarea[disabled],
input[disabled],
.input[disabled],
select-button > button[disabled],
dropdown-button > button[disabled],
.label-as-textbox[disabled],
textarea[disabled='disabled'],
input[disabled='disabled'],
.input[disabled='disabled'],
select-button > button[disabled='disabled'],
dropdown-button > button[disabled='disabled'],
.label-as-textbox[disabled='disabled'] {
  pointer-events: none;
  user-select: none;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 0 #c8c8c8 !important;
  color: #a0a0a0 !important;
}
textarea[readonly],
input[readonly],
.input[readonly],
select-button > button[readonly],
dropdown-button > button[readonly],
.label-as-textbox[readonly],
textarea[readonly='readonly'],
input[readonly='readonly'],
.input[readonly='readonly'],
select-button > button[readonly='readonly'],
dropdown-button > button[readonly='readonly'],
.label-as-textbox[readonly='readonly'] {
  pointer-events: none;
  user-select: none;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 0 #a0a0a0 !important;
  color: #464646 !important;
}
textarea[culture='en'],
input[culture='en'],
.input[culture='en'],
select-button > button[culture='en'],
dropdown-button > button[culture='en'],
.label-as-textbox[culture='en'] {
  text-align: right !important;
  unicode-bidi: plaintext;
}
textarea.inline,
input.inline,
.input.inline,
select-button > button.inline,
dropdown-button > button.inline,
.label-as-textbox.inline {
  direction: ltr;
  text-align: right;
  display: inline;
}
textarea {
  line-height: 1.1;
}
[type='tel'],
[mask-date],
[mask-date-work],
[mask-mobile-phone],
[mask-land-phone] {
  text-align: right;
  direction: ltr;
}
[type='password'] {
  font-family: Ploni-Regular;
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: 0.3rem;
}
masked-credit-card {
  display: inline-block;
  white-space: nowrap;
}
masked-credit-card span {
  letter-spacing: 0.18rem;
}
masked-credit-card span:last-child {
  opacity: 0.7;
  display: inline-block;
}
masked-credit-card span:first-child {
  display: inline-block;
  padding-left: 0.2rem;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
[role='dialog'] {
  /*transition: all 1s cubic-bezier(.04,.96,0,1.03);*/
}
[role='dialog'].modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  /*-webkit-overflow-scrolling: touch;*/
  outline: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
[role='dialog'].no-header .modal-dialog {
  margin: 0;
}
[role='dialog'].no-header .modal-dialog:before,
[role='dialog'].no-header .modal-dialog:after {
  display: none;
}
[role='dialog'].cover {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}
[role='dialog'].cover .modal-dialog {
  border-radius: 0;
}
[role='dialog'].cover .modal-dialog:before,
[role='dialog'].cover .modal-dialog:after {
  display: none;
}
[role='dialog'].cover > form,
[role='dialog'].cover .modal-dialog {
  margin: 0 auto;
  max-height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: nowrap;
  -moz-justify-content: nowrap;
  -ms-justify-content: nowrap;
  justify-content: nowrap;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
}
[role='dialog'].cover .modal-footer {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 2rem 2rem 2rem 1rem;
}
[role='dialog'].cover .modal-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 2rem 2rem 2rem 1rem;
}
[role='dialog'].cover .modal-content {
  border-radius: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
[role='dialog'].ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0) scale(0.9);
  transform: translate3d(0, 2rem, 0) scale(0.9);
  transition: all 0.6s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
[role='dialog'].ng-enter.ng-enter-active {
  opacity: 0.9;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
[role='dialog'].ng-leave {
  opacity: 0.9;
  -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
  transform: translate3d(0, 0, 0) scale(1) rotate(0);
  transition: all 0.4s ease-out;
}
[role='dialog'].ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0) scale(0.7);
  transform: translate3d(0, 2rem, 0) scale(0.7);
}
[role='dialog'] .modal-dialog {
  width: 95%;
  margin: 5rem auto;
  padding: 0;
  max-width: 50%;
  max-height: calc(100% - 5rem * 2);
  min-height: 45rem;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  box-shadow: 0 15px 85px -34px #464646;
  overflow: hidden;
  border-radius: 20px;
  color: #323232;
  background: #fff;
  background-color: #fff;
}
[role='dialog'] .modal-dialog--full-height {
  height: 100%;
  max-height: 100%;
}
[role='dialog'] .modal-dialog.modal-sm {
  max-width: 42rem;
}
[role='dialog'] .modal-dialog.modal-sm .modal-body {
  padding: 1rem 3rem 3rem;
}
[role='dialog'] .modal-dialog.modal-md {
  max-width: 65rem;
}
[role='dialog'] .modal-dialog.modal-md .modal-body {
  padding: 1rem 4rem 3rem;
}
[role='dialog'] .modal-dialog.modal-lg {
  max-width: 90rem;
}
[role='dialog'] .modal-dialog.modal-lg .modal-body {
  padding: 1rem 4rem 3rem;
}
[role='dialog'] .modal-dialog.modal-xl {
  max-width: 95rem;
}
[role='dialog'] .modal-content {
  margin-bottom: 13px !important;
  border-radius: inherit;
  /* Track */
  /* Handle */
  margin: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  border: none !important;
  position: relative;
  height: auto;
  width: calc(100% - 13px);
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[role='dialog'] .modal-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  padding: 0.5rem;
  margin: 2px 2px 2px 0;
}
[role='dialog'] .modal-content::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #dcdcdc;
  background-color: #dcdcdc;
}
[role='dialog'] .modal-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #2068e4;
  background-color: #2068e4;
}
[role='dialog'] .modal-content::-webkit-scrollbar-thumb:window-inactive {
  background: #2068e4;
  background-color: #2068e4;
}
[role='dialog'] .modal-content > form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
[role='dialog'] .modal-body {
  position: relative;
  height: 100%;
  letter-spacing: 0.04rem;
  padding: 1rem 3rem;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[role='dialog'] .modal-icon {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='dialog'] .modal-icon img {
  box-shadow: 0 19px 25px -18px rgba(0, 0, 0, 0.35);
  margin: 2rem auto;
  border-radius: 50%;
}
[role='dialog'] .modal-title {
  padding: 0 2rem 1rem 2rem;
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  isolation: isolate;
  width: 100%;
  z-index: 2;
  margin-bottom: 1rem;
  user-select: none;
  pointer-events: none;
  text-align: center;
}
[role='dialog'] .modal-title:before {
  content: '';
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  position: absolute;
  user-select: none;
  pointer-events: none;
  min-height: calc(100% + 5rem);
  -webkit-background-image: linear-gradient(0deg, rgba(255,255,255,0) 40%, #fff 100%);
  background-image: linear-gradient(0deg, rgba(255,255,255,0) 40%, #fff 100%);
}
[role='dialog'] .modal-title .emph {
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
}
[role='dialog'] .modal-title .light {
  font-family: Ploni-Light;
  font-size: calc(3.1rem - 1px);
  font-weight: normal;
}
[role='dialog'] .modal-header {
  padding: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  background: -webkit-linear-gradient(top, #fff, transparent);
  background: linear-gradient(top, #fff, transparent);
  border-bottom: none;
  position: relative;
  text-align: center;
  align-self: center;
}
[role='dialog'] .modal-header > button.close {
  position: absolute;
  padding: 0.3rem;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  opacity: 1;
  left: 1rem;
  top: 1rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  content: 'bug_report';
  -webkit-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
}
[role='dialog'] .modal-footer {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 2rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  border-radius: 0 0 20px 20px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  border-top: none;
  align-self: stretch;
}
[role='dialog'] .modal-footer:before {
  content: '';
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13rem;
  position: absolute;
  user-select: none;
  pointer-events: none;
  -webkit-background-image: linear-gradient(180deg, rgba(255,255,255,0), #fff 60%);
  background-image: linear-gradient(180deg, rgba(255,255,255,0), #fff 60%);
}
[role='dialog'] .modal-footer.vertical {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='dialog'] .modal-footer.vertical button {
  margin: 0 auto;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
}
[role='dialog'] .modal-footer.stretch button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
[role='dialog'] .modal-footer form-submit-button,
[role='dialog'] .modal-footer button {
  margin-right: 2rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  flex: 0 1 auto;
}
[role='dialog'] .modal-footer form-submit-button.pull-right,
[role='dialog'] .modal-footer button.pull-right {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
[role='dialog'][quality='form'] .modal-dialog {
  color: #323232;
  background: #fff;
  background-color: #fff;
}
[role='dialog'][quality='form'] .modal-dialog:before {
  content: '';
  height: 16rem;
  background-size: cover;
  background-position-x: 0;
  background-position-y: calc(100% - 20px);
  background-repeat: no-repeat;
  background-image: url('../assets/images/digonal-bg--blue.svg');
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
[role='dialog'][quality='form'] .modal-dialog:after {
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  z-index: 0;
  content: url('../assets/images/round-icon--info.svg');
  box-shadow: 0 8px 18px -14px rgba(0, 0, 0, 0.72);
}
[role='dialog'][quality='authorization'] .modal-header {
  color: #1b5ece;
}
[role='dialog'][quality='authorization'] .modal-header:before {
  content: 'lock';
}
[role='dialog'][quality='information'] .modal-dialog {
  color: #323232;
  background: #fff;
  background-color: #fff;
}
[role='dialog'][quality='information'] .modal-dialog:before {
  content: '';
  height: 16rem;
  background-size: cover;
  background-position-x: 0;
  background-position-y: calc(100% - 20px);
  background-repeat: no-repeat;
  background-image: url('../assets/images/digonal-bg--blue.svg');
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
[role='dialog'][quality='information'] .modal-dialog:after {
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  z-index: 0;
  content: url('../assets/images/round-icon--info.svg');
  box-shadow: 0 8px 18px -14px rgba(0, 0, 0, 0.72);
}
[role='dialog'][quality='query'] .modal-dialog {
  color: #323232;
  background: #fff;
  background-color: #fff;
}
[role='dialog'][quality='query'] .modal-dialog:before {
  content: '';
  height: 16rem;
  background-size: cover;
  background-position-x: 0;
  background-position-y: calc(100% - 20px);
  background-repeat: no-repeat;
  background-image: url('../assets/images/digonal-bg--green.svg');
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
[role='dialog'][quality='query'] .modal-dialog:after {
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  z-index: 0;
  content: url('../assets/images/round-icon--info.svg');
  box-shadow: 0 8px 18px -14px rgba(0, 0, 0, 0.72);
}
[role='dialog'][quality='error'] .modal-dialog {
  color: #323232;
  background: #fff;
  background-color: #fff;
}
[role='dialog'][quality='error'] .modal-dialog:before {
  content: '';
  height: 16rem;
  background-size: cover;
  background-position-x: 0;
  background-position-y: calc(100% - 20px);
  background-repeat: no-repeat;
  background-image: url('../assets/images/digonal-bg--pink.svg');
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
[role='dialog'][quality='error'] .modal-dialog:after {
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  z-index: 0;
  content: url('../assets/images/round-icon--error.svg');
  box-shadow: 0 8px 18px -14px rgba(0, 0, 0, 0.72);
}
[role='dialog'][quality='window'] {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
[role='dialog'][quality='window'].ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-105%, 0, 0);
  transform: translate3d(-105%, 0, 0);
}
[role='dialog'][quality='window'].ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='dialog'][quality='window'].ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[role='dialog'][quality='window'].ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-105%, 0, 0);
  transform: translate3d(-105%, 0, 0);
  opacity: 0;
}
[role='dialog'][quality='window'].modal {
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  min-width: 50%;
  max-width: 75%;
}
[role='dialog'][quality='window'].modal.modal-sm {
  max-width: 33vw;
  min-width: 44rem;
}
[role='dialog'][quality='window'] .modal-dialog {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  max-width: 100%;
  position: absolute;
}
[role='dialog'][quality='window'] .modal-content {
  height: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[role='dialog'][quality='window'] .modal-content .modal-body {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
}
[role='dialog'][quality='window'] .modal-content .modal-body iframe {
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
loader {
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  max-width: none !important;
  z-index: 104100;
}
loader #svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke-width: 3px;
  fill: rgba(0, 0, 0, 0.1);
}
loader #cont {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 200px;
  width: 200px;
  border-radius: 100%;
  display: none;
  position: relative;
}
loader #cont:after {
  position: absolute;
  inset: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  content: attr(data-pct) '%';
  border-radius: 100%;
  font-family: Ploni-UltraLight;
  font-size: 5rem;
  font-weight: normal;
  color: #fff;
  align-self: center;
}
loader .progress-backdrop {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
loader .progress-backdrop.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
loader .progress-backdrop.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
loader .progress-backdrop.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
loader .progress-backdrop.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0;
}
loader .progress-backdrop.in {
  opacity: 0.2;
}
loader .message-wrapper {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  height: 40rem;
  width: 40rem;
  width: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
}
loader .progress-wrapper {
  z-index: 1;
  position: absolute;
  inset: 0;
  left: auto;
  width: 100%;
  height: 100%;
  transition: 0.5s ease-out;
  background: -webkit-linear-gradient(center, rgba(0, 0, 0, 0.5), transparent);
  background: linear-gradient(center, rgba(0, 0, 0, 0.5), transparent);
  background: -webkit-radial-gradient(center center, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.4));
  background: radial-gradient(center center, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.4));
}
loader .progress-wrapper .progress-bar {
  position: absolute;
  z-index: 2;
  left: 1px;
  top: 1px;
  right: 1px;
  height: 5px;
  border-radius: 0;
  border: none;
  background: #ff00a7;
  background-color: #ff00a7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
loader .progress-wrapper .progress-value {
  position: absolute;
  height: 200px;
  opacity: 0;
  vertical-align: middle;
  text-align: center;
  padding: 1.5rem;
  z-index: 2;
  display: none;
  color: #fff;
  text-shadow: -16px 16px 16px rgba(0, 0, 0, 0.2);
}
loader .progress-wrapper .progress-value > i {
  font-family: Ploni-Regular;
  font-size: 6rem;
  font-weight: normal;
}
loader .progress-wrapper .progress-message {
  margin: 1rem auto;
  padding: 1.75rem 2rem 1.2rem 2rem;
  max-width: 30rem;
  min-width: 15rem;
  text-align: center;
  z-index: 104200;
  right: 0;
  left: 0;
  display: none;
  opacity: 0.7;
  overflow: hidden;
  min-height: 6rem;
  background: #f9a3db;
  background-color: #f9a3db;
  border-radius: 6rem;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.03rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
loader .progress-wrapper .progress-message span {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
panel,
.panel {
  border-radius: 20px;
  display: block;
}
panel.panel-row,
.panel.panel-row,
panel .panel-row,
.panel .panel-row {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
panel.panel-column,
.panel.panel-column,
panel .panel-column,
.panel .panel-column {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
panel.panel-content,
.panel.panel-content,
panel .panel-content,
.panel .panel-content {
  padding: 1.5rem;
}
[mask-date],
[mask-date-work] {
  letter-spacing: 0.1rem;
}
binary-switch {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  outline: none !important;
  isolation: isolate;
}
binary-switch:active,
binary-switch:focus,
binary-switch:hover {
  outline: none !important;
}
binary-switch.pull-up > nob {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
binary-switch.pull-left {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
binary-switch.inline {
  display: -moz-inline-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
binary-switch.inline > span {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
binary-switch > content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  padding: 0 1rem;
}
binary-switch > content > * {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
binary-switch.sm > nob {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 30px;
  -moz-flex: 0 1 30px;
  -ms-flex: 0 1 30px;
  flex: 0 1 30px;
}
binary-switch.sm > nob > icon {
  width: 30px;
  height: 13px;
}
binary-switch.sm > nob > icon:after {
  right: 14px;
  width: 21px;
  height: 21px;
  /*.gradient(@X45, @X15, bottom right);*/
}
binary-switch.sm > nob > icon > check {
  display: none;
}
binary-switch > nob {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 66px;
  -moz-flex: 0 1 66px;
  -ms-flex: 0 1 66px;
  flex: 0 1 66px;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  text-align: left;
}
binary-switch > nob > icon {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 35px;
}
binary-switch > nob > icon:before {
  content: '';
  position: absolute;
  background: #ace1ff;
  background-color: #ace1ff;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2rem;
  -webkit-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
  /*box-shadow: 0 1px 1px 0 @X02;*/
}
binary-switch > nob > icon:after {
  z-index: 10;
  content: '';
  position: absolute;
  box-shadow: inset 0 0 0 2px #323232;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ace1ff;
  background-color: #ace1ff;
  right: 34px;
  line-height: 0;
  font-size: 0;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
binary-switch > nob > icon > check {
  z-index: 11;
  position: absolute;
  text-align: center;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-transition: all 0.2s ease-out 0.5s;
  transition: all 0.2s ease-out 0.5s;
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
}
binary-switch > nob > icon > check:after {
  color: #fff;
  opacity: 0;
  position: absolute;
  right: 4px;
  top: 5px;
  bottom: auto;
  left: auto;
  content: 'check';
}
binary-switch > nob > icon > check:before {
  opacity: 1;
  content: 'close';
  color: #323232;
  position: absolute;
  right: auto;
  top: 5px;
  bottom: auto;
  left: 3.5px;
}
binary-switch.reverse {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
binary-switch.reverse.pull-left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
binary-switch[data-checked='true'] check:before {
  opacity: 0;
}
binary-switch[data-checked='true'] check:after {
  opacity: 1;
}
binary-switch[data-checked='true'] > nob > icon:before {
  box-shadow: inset 0 0 0 2px #323232;
}
binary-switch[data-checked='true'] > nob > icon:after {
  background: #323232;
  background-color: #323232;
  box-shadow: none;
  /*box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.5);*/
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
binary-switch[data-checked='true'] > content > * {
  color: #003388 !important;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  text-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}
binary-switch[disabled='disabled'] > nob > icon:after {
  background: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
binary-switch[disabled='disabled'] > nob > icon:before {
  background: rgba(0, 0, 0, 0.15) !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}
binary-switch.sm {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  outline: none !important;
  isolation: isolate;
}
binary-switch.sm:active,
binary-switch.sm:focus,
binary-switch.sm:hover {
  outline: none !important;
}
binary-switch.sm.pull-up > nob {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
binary-switch.sm.pull-left {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
binary-switch.sm.inline {
  display: -moz-inline-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
binary-switch.sm.inline > span {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
binary-switch.sm > content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  padding: 0 1rem;
}
binary-switch.sm > content > * {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
binary-switch.sm.sm > nob {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 30px;
  -moz-flex: 0 1 30px;
  -ms-flex: 0 1 30px;
  flex: 0 1 30px;
}
binary-switch.sm.sm > nob > icon {
  width: 30px;
  height: 13px;
}
binary-switch.sm.sm > nob > icon:after {
  right: 14px;
  width: 21px;
  height: 21px;
  /*.gradient(@X45, @X15, bottom right);*/
}
binary-switch.sm.sm > nob > icon > check {
  display: none;
}
binary-switch.sm > nob {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 66px;
  -moz-flex: 0 1 66px;
  -ms-flex: 0 1 66px;
  flex: 0 1 66px;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  text-align: left;
}
binary-switch.sm > nob > icon {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 35px;
}
binary-switch.sm > nob > icon:before {
  content: '';
  position: absolute;
  background: #ace1ff;
  background-color: #ace1ff;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2rem;
  -webkit-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
  /*box-shadow: 0 1px 1px 0 @X02;*/
}
binary-switch.sm > nob > icon:after {
  z-index: 10;
  content: '';
  position: absolute;
  box-shadow: inset 0 0 0 2px #323232;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ace1ff;
  background-color: #ace1ff;
  right: 34px;
  line-height: 0;
  font-size: 0;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
binary-switch.sm > nob > icon > check {
  z-index: 11;
  position: absolute;
  text-align: center;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-transition: all 0.2s ease-out 0.5s;
  transition: all 0.2s ease-out 0.5s;
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
}
binary-switch.sm > nob > icon > check:after {
  color: #fff;
  opacity: 0;
  position: absolute;
  right: 4px;
  top: 5px;
  bottom: auto;
  left: auto;
  content: 'check';
}
binary-switch.sm > nob > icon > check:before {
  opacity: 1;
  content: 'close';
  color: #323232;
  position: absolute;
  right: auto;
  top: 5px;
  bottom: auto;
  left: 3.5px;
}
binary-switch.sm.reverse {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
binary-switch.sm.reverse.pull-left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
binary-switch.sm[data-checked='true'] check:before {
  opacity: 0;
}
binary-switch.sm[data-checked='true'] check:after {
  opacity: 1;
}
binary-switch.sm[data-checked='true'] > nob > icon:before {
  box-shadow: inset 0 0 0 2px #323232;
}
binary-switch.sm[data-checked='true'] > nob > icon:after {
  background: #323232;
  background-color: #323232;
  box-shadow: none;
  /*box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.5);*/
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
binary-switch.sm[data-checked='true'] > content > * {
  color: #003388 !important;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  text-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}
binary-switch.sm[disabled='disabled'] > nob > icon:after {
  background: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
binary-switch.sm[disabled='disabled'] > nob > icon:before {
  background: rgba(0, 0, 0, 0.15) !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}
select-button,
dropdown-button {
  height: inherit;
  width: 100%;
  position: relative;
  display: -moz-box !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: single !important;
  -moz-box-lines: single !important;
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -moz-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -moz-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -moz-justify-content: space-between !important;
  -ms-justify-content: space-between !important;
  justify-content: space-between !important;
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
  -moz-align-content: center !important;
  -ms-align-content: center !important;
  align-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
}
select-button:focus:before,
dropdown-button:focus:before,
select-button:active:before,
dropdown-button:active:before {
  color: #1b5ece;
}
select-button.is-opened:before,
dropdown-button.is-opened:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
select-button:before,
dropdown-button:before {
  content: 'expand_more';
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  height: 18px;
  width: 18px;
  color: #1b5ece;
  padding: 0;
  margin: auto;
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  height: 15px;
  width: 15px;
  position: absolute;
  display: grid;
  place-content: center;
}
select-button.active:before,
dropdown-button.active:before {
  color: #1b5ece;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
select-button > button,
dropdown-button > button {
  display: -moz-box !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: single !important;
  -moz-box-lines: single !important;
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -moz-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: start !important;
  -moz-box-pack: start !important;
  -ms-flex-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -moz-justify-content: flex-start !important;
  -ms-justify-content: flex-start !important;
  justify-content: flex-start !important;
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
  -moz-align-content: center !important;
  -ms-align-content: center !important;
  align-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  user-select: none;
}
select-button.inline,
dropdown-button.inline {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
select-button.inline > button,
dropdown-button.inline > button {
  border-radius: 1px;
  color: #000;
  width: auto;
  margin: 0 0.5rem;
  display: inline-flex;
}
select-button.inline > button > .caret,
dropdown-button.inline > button > .caret {
  line-height: 1.5rem !important;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
select-button.inline > button > .caret:before,
dropdown-button.inline > button > .caret:before {
  font-size: 1.6rem !important;
}
select-button[disabled='disabled']:before,
dropdown-button[disabled='disabled']:before {
  color: #b4b4b4;
}
select-button[disabled='disabled'] > button,
dropdown-button[disabled='disabled'] > button {
  pointer-events: none;
  user-select: none;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 0 #c8c8c8 !important;
  color: #a0a0a0 !important;
}
[role='select'] {
  -webkit-transform-origin: center 25%;
  transform-origin: center 25%;
  margin: -3.4rem 0 0;
}
[role='select'].ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
[role='select'].ng-enter.ng-enter-active {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}
[role='select'].ng-leave {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
[role='select'].ng-leave.ng-leave-active {
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  opacity: 0;
}
[role='select'],
[role='typeahead'] {
  -webkit-transition: all 0.45s cubic-bezier(0, 0.74, 0, 1);
  transition: all 0.45s cubic-bezier(0, 0.74, 0, 1);
  padding: 0;
  margin: 2px 0 0;
  border: none;
  min-height: 30rem;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 1000;
  list-style: none;
}
[role='select'].ng-enter,
[role='typeahead'].ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
}
[role='select'].ng-enter.ng-enter-active,
[role='typeahead'].ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='select'].ng-leave,
[role='typeahead'].ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[role='select'].ng-leave.ng-leave-active,
[role='typeahead'].ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  opacity: 0;
}
[role='select'][dropdown-size='lg'],
[role='typeahead'][dropdown-size='lg'] {
  width: 200% !important;
  max-width: 200% !important;
}
[role='select'][dropdown-size='md'],
[role='typeahead'][dropdown-size='md'] {
  width: 125% !important;
  max-width: 125% !important;
}
[role='select'][column-size] li,
[role='typeahead'][column-size] li {
  direction: rtl;
  transform: translateX(-2px) translateY(2px);
  min-height: 5.5rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='select'][column-size] li > a,
[role='typeahead'][column-size] li > a {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='select'][column-size][column-size='auto'] li,
[role='typeahead'][column-size][column-size='auto'] li {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 468px) {
  [role='select'][column-size][column-size='xs'] li,
  [role='typeahead'][column-size][column-size='xs'] li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  [role='select'][column-size][column-size='sm'] li,
  [role='typeahead'][column-size][column-size='sm'] li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  [role='select'][column-size][column-size='md'] li,
  [role='typeahead'][column-size][column-size='md'] li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='select']:not([transparency='false']),
[role='typeahead']:not([transparency='false']) {
  opacity: 0.95;
}
[role='select']:active,
[role='typeahead']:active,
[role='select']:focus,
[role='typeahead']:focus {
  outline: none;
}
[role='select'] ul,
[role='typeahead'] ul {
  right: auto;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  max-height: 100%;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  border-radius: 0 !important;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='select'] ul:active,
[role='typeahead'] ul:active,
[role='select'] ul:focus,
[role='typeahead'] ul:focus {
  outline: none;
}
[role='select'] li,
[role='typeahead'] li {
  display: block;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  background: #fff;
  background-color: #fff;
}
@media (min-width: 468px) {
  [role='select'] li,
  [role='typeahead'] li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='select'] li:only-of-type,
[role='typeahead'] li:only-of-type,
[role='select'] li:last-of-type,
[role='typeahead'] li:last-of-type {
  border-bottom: none;
}
[role='select'] li:hover,
[role='typeahead'] li:hover {
  background: #ffd2f0;
  background-color: #ffd2f0;
  border-bottom-color: transparent;
}
[role='select'] li:hover:last-of-type,
[role='typeahead'] li:hover:last-of-type,
[role='select'] li:hover:only-of-type,
[role='typeahead'] li:hover:only-of-type {
  border-bottom: none;
}
[role='select'] li > a,
[role='typeahead'] li > a {
  margin: 1px;
  cursor: default;
  direction: rtl;
  display: block;
  text-decoration: none;
  text-shadow: none;
  align-self: stretch;
  line-height: 0.9;
  padding: 0 1.5rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  letter-spacing: 0.02rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
[role='select'] li > a value,
[role='typeahead'] li > a value {
  padding: 0 1rem;
}
[role='select'] li > a icon,
[role='typeahead'] li > a icon,
[role='select'] li > a [class^='icon-'],
[role='typeahead'] li > a [class^='icon-'] {
  padding-left: 1rem;
  color: inherit;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
[role='select'] li.active > a,
[role='typeahead'] li.active > a {
  font-family: Ploni-SemiBold;
  font-size: calc(2.1rem + 1px);
  font-weight: normal;
}
[role='select'] li.active > a:before,
[role='typeahead'] li.active > a:before {
  content: 'check';
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 2rem;
  -moz-flex: 0 1 2rem;
  -ms-flex: 0 1 2rem;
  flex: 0 1 2rem;
  padding: 0 0 0 0.25rem;
}
[role='select'] li.active:first-child > a,
[role='typeahead'] li.active:first-child > a {
  border-radius: 3px 3px 0 0;
}
[role='select'] li.active:last-child > a,
[role='typeahead'] li.active:last-child > a {
  border-radius: 0 0 3px 3px;
}
email-suggest {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
email-suggest field-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
email-suggest field-wrapper field-control {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
email-suggest auto-suggest {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
email-suggest input {
  min-width: 0;
  max-width: -webkit-fill-available;
  direction: ltr !important;
  text-align: left !important;
}
email-suggest .username {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: max-content;
  min-width: 10rem;
  max-width: 12rem;
}
email-suggest .at {
  font-family: Ploni-Light;
  font-size: 2.5rem;
  font-weight: normal;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 2rem;
  -moz-flex: 0 0 2rem;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  -webkit-align-self: end;
  -moz-align-self: end;
  -ms-align-self: end;
  align-self: end;
  text-align: center;
  padding-inline: 8px;
}
email-suggest .domain {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
email-suggest input[culture='en'] ~ [role='typeahead'] {
  direction: ltr;
}
email-suggest input[culture='en'] ~ [role='typeahead'] li {
  direction: ltr;
}
email-suggest input[culture='en'] ~ [role='typeahead'] li > a {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  flex-direction: row-reverse;
}
email-suggest input[culture='en'] ~ [role='typeahead'] li.active > a:before {
  font-size: 2rem !important;
  padding-left: 0;
  padding-right: 1rem;
}
auto-suggest {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  position: relative;
  display: block;
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
auto-suggest icon {
  display: -moz-box !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: single !important;
  -moz-box-lines: single !important;
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -moz-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  justify-content: center !important;
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
  -moz-align-content: center !important;
  -ms-align-content: center !important;
  align-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
  height: 24px;
  width: 24px;
  position: absolute !important;
  height: 100%;
  margin: auto 0;
  left: 0rem;
  top: 0rem;
  bottom: 0;
  color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  text-align: center;
}
auto-suggest icon:before {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  content: 'toc';
  display: -moz-box !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: single !important;
  -moz-box-lines: single !important;
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -moz-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  justify-content: center !important;
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
  -moz-align-content: center !important;
  -ms-align-content: center !important;
  align-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
}
auto-suggest[disabled='disabled'] icon,
auto-suggest[readonly='readonly'] icon {
  display: none !important;
}
auto-suggest:not([hide-toggle-icon='true']) input {
  padding-left: 3rem;
}
auto-suggest.focus:before {
  color: #1b5ece;
}
auto-suggest.loading:after {
  position: absolute;
  right: -100%;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  color: #00b4ca;
  width: 100%;
  padding: 0;
  line-height: 1.5555rem;
  content: '';
}
[role='select'],
[role='typeahead'] {
  display: -moz-box !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: single !important;
  -moz-box-lines: single !important;
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-orient: vertical !important;
  -moz-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -moz-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: justify !important;
  -moz-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -moz-justify-content: space-between !important;
  -ms-justify-content: space-between !important;
  justify-content: space-between !important;
  -ms-flex-line-pack: start !important;
  -webkit-align-content: flex-start !important;
  -moz-align-content: flex-start !important;
  -ms-align-content: flex-start !important;
  align-content: flex-start !important;
  -webkit-box-align: start !important;
  -moz-box-align: start !important;
  -ms-flex-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-align-items: flex-start !important;
  -ms-align-items: flex-start !important;
  align-items: flex-start !important;
}
[role='select'] > header,
[role='typeahead'] > header {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
[role='select'] > content,
[role='typeahead'] > content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
[watermark] {
  position: relative;
}
[watermark]:focus:before {
  bottom: 2.5rem;
}
[watermark]:before {
  position: absolute;
  right: 1.8rem;
  bottom: 0.8rem;
  content: attr(watermark);
  color: rgba(0, 0, 0, 0.5);
  cursor: text;
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  font-size: inherit;
}
[watermark].active:before {
  bottom: 2.5rem;
}
.rotatable-x {
  display: block;
  position: relative;
}
.rotatable-x.active {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.rotatable-x.active:before {
  background: #1b5ece;
}
.paper-wrapper {
  height: 100%;
  display: block;
  position: relative;
  margin: 0;
}
.paper-wrapper:before,
.paper-wrapper:after {
  content: ' ';
  display: table;
}
.paper-wrapper:after {
  clear: both;
}
paper {
  border-radius: 12px;
  padding: 1.5rem;
  display: block;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0;
  width: auto;
  position: relative;
}
paper > paper-header {
  width: 100%;
  min-height: 1.5rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: baseline;
  -moz-align-content: baseline;
  -ms-align-content: baseline;
  align-content: baseline;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  letter-spacing: 0.02rem;
  letter-spacing: 0.05rem;
  min-height: 6rem;
}
paper > paper-header > icon {
  padding: 0 0 0 1rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  content: '';
}
paper > paper-header > content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 0 0 1rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: baseline;
  -moz-align-content: baseline;
  -ms-align-content: baseline;
  align-content: baseline;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
paper > paper-header > content.vertical {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
paper > paper-header > content .paper-main-title {
  padding-left: 0.5rem;
}
paper > paper-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
  padding: 14px 0;
  position: relative;
  border: none;
  border-bottom: none;
  text-align: right;
}
paper > paper-content.expanse.md {
  padding: 2.5rem 2rem;
}
paper > paper-content[scrollable='true'] {
  overflow-y: auto;
}
paper > paper-footer {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  width: 100%;
  position: relative;
}
paper > paper-footer footer-buttons {
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
paper > paper-footer footer-buttons.spread {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
paper > paper-footer footer-buttons.pull-left {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
paper > paper-footer footer-buttons.pull-right {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
paper > paper-footer footer-buttons button.pull-right {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
paper > paper-footer footer-buttons button.pull-left {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
paper > paper-footer footer-buttons button content {
  letter-spacing: 0.08rem;
}
paper > paper-footer.xs {
  padding: 1rem 2rem !important;
}
paper > paper-progress {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  font-family: Ploni-Regular;
  font-size: 10rem;
  font-weight: normal;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
  display: none;
}
paper > paper-progress > span {
  top: 0;
  position: absolute;
  right: 0;
  padding: 1rem 2rem;
}
paper.no-vert-padd > paper-header,
paper.no-vert-padd > paper-content,
paper.no-vert-padd > paper-footer {
  padding-right: 0;
  padding-left: 0;
}
paper.lg {
  max-width: 100%;
}
paper.lg paper-header {
  padding: 2.5rem 2.5rem 1rem 2.5rem;
}
paper.lg paper-content {
  padding: 1rem 3.5rem 2.5rem 3.5rem;
}
paper.sm {
  max-width: 40rem;
  min-width: 35rem;
}
paper.inline {
  min-height: 0;
}
paper.pending > paper-header,
paper.pending > paper-content {
  opacity: 0.2;
}
paper.dormant {
  opacity: 0.4;
}
paper.dormant > paper-header {
  color: #6e6e6e;
}
paper.dormant > paper-header > span,
paper.dormant > paper-header i {
  color: inherit;
}
paper.narrow {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
paper.narrow > paper-header,
paper.narrow paper-content,
paper.narrow paper-footer {
  padding-right: 2rem;
  padding-left: 2rem;
}
paper.centered {
  margin: 0 auto;
}
paper.no-margin {
  width: 100%;
}
paper.full-height {
  height: 100%;
}
paper.transparent {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  box-shadow: none !important;
}
footer-buttons {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
footer-buttons.center {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
footer-buttons.space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
footer-buttons > action > button,
footer-buttons submit > button {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
footer-buttons > action > button[type='button'],
footer-buttons submit > button[type='button'] {
  width: 100%;
}
footer-buttons.align-left {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
footer-buttons.align-right {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
footer-buttons.align-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
block,
.block {
  display: block;
}
message {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.02rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 0.5rem 0 0.5rem 0.5rem;
  min-height: 2rem;
  opacity: 1;
  float: none;
  width: 100%;
  color: #828282;
}
message.extreme {
  color: #d30725;
  background: #F0D5D5;
  background-color: #F0D5D5;
  border-bottom: 1px #d40202 solid;
}
message:before {
  padding-left: 1.5rem;
}
tip {
  display: inline-block;
  width: auto;
  height: auto;
}
tip > a {
  outline: none;
  display: inline-block;
  height: inherit;
  width: inherit;
  cursor: inherit;
  transform: rotateZ(360deg);
}
tip:not([container='self']) {
  width: 0;
}
tip:not([container='self']) > a {
  -webkit-transform: translate3d(0, -1rem, 0);
  transform: translate3d(0, -1rem, 0);
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
}
tip:not([container='self']) > a:before,
tip:not([container='self']) > a:after {
  height: 17px;
  width: 17px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
tip:not([container='self']) > a:before {
  z-index: 1;
  content: 'lightbulb';
  color: #ff00a7;
  -webkit-animation-name: infinite-radiate-pulse;
  animation-name: infinite-radiate-pulse;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
tip:not([container='self']) > a:after {
  content: '';
  border: 1px solid #f9a3db;
  border-radius: 50%;
  z-index: 0;
  color: #ff00a7;
  transition-origin: center center;
  -webkit-animation-name: infinite-radiate-wave;
  animation-name: infinite-radiate-wave;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
span.tip-icon:before,
span.tip-icon:after {
  height: 13px;
  width: 13px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
span.tip-icon:before {
  z-index: 1;
  content: 'lighbulb';
  color: #ff00a7;
  -webkit-animation-name: infinite-radiate-pulse;
  animation-name: infinite-radiate-pulse;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
span.tip-icon:after {
  content: '';
  border: 1px solid #f9a3db;
  border-radius: 50%;
  z-index: 0;
  color: #ff00a7;
  content: 'lighbulb';
  transition-origin: center center;
  -webkit-animation-name: infinite-radiate-wave;
  animation-name: infinite-radiate-wave;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.tooltip.bottom {
  padding: 5px 0 0 !important;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.top {
  margin-top: -10px;
}
.tooltip.bottom {
  margin-bottom: -10px;
}
.tooltip.top,
.tooltip {
  padding: 0;
  position: absolute;
  z-index: 1070;
  display: block;
  line-height: 1.4;
  opacity: 0;
}
.tooltip.top.in,
.tooltip.in {
  opacity: 1;
}
.tooltip.top .tooltip-arrow,
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-top-color: #ff00a7;
  bottom: -5px;
  height: 5px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.tooltip.top .tooltip-inner,
.tooltip .tooltip-inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  text-align: right;
  letter-spacing: 0.08rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.5);
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  background: #f9a3db;
  background-color: #f9a3db;
}
.tooltip.top .tooltip-inner > header,
.tooltip .tooltip-inner > header,
.tooltip.top .tooltip-inner div[ng-bind='title'],
.tooltip .tooltip-inner div[ng-bind='title'],
.tooltip.top .tooltip-inner div[ng-bind-html='title'],
.tooltip .tooltip-inner div[ng-bind-html='title'] {
  padding: 0.8rem 1rem;
  margin: 0;
  font-family: Ploni-SemiBold;
  font-size: 1.9rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  color: #000;
}
.tooltip.top .tooltip-inner > content,
.tooltip .tooltip-inner > content,
.tooltip.top .tooltip-inner div[ng-bind='content'],
.tooltip .tooltip-inner div[ng-bind='content'],
.tooltip.top .tooltip-inner div[ng-bind-html='content'],
.tooltip .tooltip-inner div[ng-bind-html='content'] {
  padding: 1.2rem 1rem 1.5rem;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  background: #f9a3db;
  background-color: #f9a3db;
}
.tooltip.top .tooltip-inner > button,
.tooltip .tooltip-inner > button {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0.8rem;
  top: 0.8rem;
  height: 2rem;
  width: 2rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
.tooltip.top .tooltip-inner > button > icon,
.tooltip .tooltip-inner > button > icon {
  content: 'close';
}
.tooltip.top.bright .tooltip-arrow,
.tooltip.bright .tooltip-arrow {
  border-top-color: rgba(255, 255, 255, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.9);
}
.tooltip.top.bright .tooltip-inner,
.tooltip.bright .tooltip-inner {
  color: #000;
}
.tooltip.top.bright > header,
.tooltip.bright > header,
.tooltip.top.bright div[ng-bind='title'],
.tooltip.bright div[ng-bind='title'] {
  background: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
  border: none;
}
.tooltip.top.bright > content,
.tooltip.bright > content,
.tooltip.top.bright div[ng-bind='content'],
.tooltip.bright div[ng-bind='content'] {
  font-family: Ploni-Bold;
  font-size: 1.8rem;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.9);
}
.tooltip.top.sm .tooltip-inner,
.tooltip.sm .tooltip-inner {
  font-family: Ploni-Light;
  font-size: 1rem;
  font-weight: normal;
  width: 15rem !important;
}
.tooltip.top.md .tooltip-inner,
.tooltip.md .tooltip-inner {
  font-family: Ploni-Light;
  font-size: 1.5rem;
  font-weight: normal;
  width: 20rem !important;
}
.tooltip.top.lg .tooltip-inner,
.tooltip.lg .tooltip-inner {
  font-family: Ploni-Light;
  font-size: 1.8rem;
  font-weight: normal;
  width: 30rem !important;
}
.tooltip.top.xl .tooltip-inner,
.tooltip.xl .tooltip-inner {
  font-family: Ploni-Light;
  font-size: 1.8rem;
  font-weight: normal;
  width: 50rem !important;
}
.tooltip-template > content {
  display: flex;
  margin: 0 auto;
  padding: 1rem;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.08rem;
  background: #1b5ece;
  background-color: #1b5ece;
  border-radius: sm;
  opacity: 0.9;
  text-align: center;
}
.tooltip-template.md {
  text-align: center;
  width: 15rem;
  margin-top: -2.5rem;
}
tiles {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  border-radius: 20px;
  padding: 1.35rem;
  direction: rtl;
  /*&[palette="transparent"]{
        tile > * {
            border: 1px solid @X25;
        }
    }*/
}
tiles[prevent-selection] > tile,
tiles[prevent-selection] > tile * {
  user-select: none;
  pointer-events: none;
}
tiles[stretch-items='true'] {
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
tiles[stretch-items='true'] tile {
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
tiles.shrink-tiles > tile tile {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
tiles.nogrow-tiles > tile {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
tiles.nogrow-tiles.shrink-tiles > tile {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
tiles tile {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0;
  direction: rtl;
  position: relative;
}
tiles tile:after {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
tiles tile > * {
  isolation: isolate;
  cursor: pointer;
  margin: 0.4rem 0.5rem;
  position: relative;
  min-height: 4rem;
  padding: 0;
  -webkit-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
tiles tile > * > panel:after,
tiles tile > * .panel:after {
  opacity: 1;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
tiles.stacked {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
tiles.stacked > tile {
  margin: 0;
  border-radius: 0;
}
.toast {
  border-radius: 20px;
  min-height: 7rem;
}
#toast-container > :hover {
  box-shadow: none !important;
}
#toast-container {
  border-radius: 20px;
}
#toast-container > div {
  color: #323232;
  width: 100%;
  opacity: 0.96;
  padding: 1.5rem 1.5rem 2.5rem;
  background-image: none;
  box-shadow: 5px -10px 52px rgba(0, 0, 0, 0.6);
}
#toast-container:not(.toast-bottom-full-width).sm {
  width: 30%;
  min-width: 25rem;
  max-width: 30rem;
}
#toast-container:not(.toast-bottom-full-width).md {
  width: 40%;
  min-width: 30rem;
  max-width: 40rem;
}
#toast-container:not(.toast-bottom-full-width).lg {
  width: 60%;
  min-width: 60rem;
}
#toast-container > div.toast.toast-info {
  background: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
}
#toast-container > .toast {
  background-image: none !important;
}
#toast-container > .toast button ~ div.toast-message {
  padding-top: 1.8rem;
}
#toast-container > .toast:before {
  position: absolute;
  left: 1rem;
  right: auto;
  padding-right: 0.5em;
  margin: auto 0.5em auto 0;
  line-height: 1.5rem;
}
#toast-container > .toast-warning {
  content: 'warning';
}
#toast-container > .toast-error {
  content: 'close';
}
#toast-container > .toast-success {
  content: 'check';
}
#toast-container.toast-bottom-full-width > div {
  border-radius: 20px;
}
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 99%;
}
.toast-message {
  color: #323232;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.02rem;
  padding-left: 3rem;
}
.toast-progress {
  opacity: 0.7;
}
.toast-title {
  color: #323232;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.08rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  padding: 0.1rem 0 0.1rem 1rem;
  margin: 0 0 1rem 0;
  width: auto;
  display: inline-block;
}
pending-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  display: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
pending-content > pending-loader {
  position: absolute;
  opacity: 0;
  margin: 0 auto;
}
pending-content.active {
  display: block;
  z-index: 1;
}
pending-content.active > pending-loader {
  opacity: 1;
}
pending-content.active[effect='ripples'] > pending-loader {
  right: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: translateZ(0) scale(0.7, 0.7);
  transform: translateZ(0) scale(0.7, 0.7);
  -webkit-animation-name: ripple;
  animation-name: ripple;
  animation-duration: 1.8s;
  -webkit-animation-duration: 1.8s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: null;
  -webkit-animation-delay: null;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5, 2.5);
    transform: scale(2.5, 2.5);
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5, 2.5);
    transform: scale(2.5, 2.5);
  }
}
pending-content.active[effect='infinity'] > pending-loader {
  left: 25px;
  border-radius: 50%;
  border-top: 4px double #1b5ece;
  border-right: 4px double #1b5ece;
  border-bottom: 4px double #1b5ece;
  border-left: 4px solid #1b5ece;
  width: 2rem;
  height: 2rem;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  font-family: Ploni-Regular;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transform: translateZ(0) scale(0, 0);
  transform: translateZ(0) scale(0, 0);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-animation-name: load8;
  animation-name: load8;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
content {
  display: inline-block;
}
.nav-tabs {
  padding-right: 0;
  padding-left: initial;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #1b5ece;
}
.nav-tabs:before,
.nav-tabs:after {
  content: ' ';
  display: table;
}
.nav-tabs:after {
  clear: both;
}
.nav-tabs a[role='tab'] {
  border: none;
  font-family: Ploni-Medium;
  font-size: 2.4rem;
  font-weight: normal;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  cursor: default !important;
  padding: 0 3rem;
}
.nav-tabs a[role='tab']:visited {
  color: #323232;
}
.nav-tabs > li {
  float: right;
  position: relative;
  display: block;
  padding: 1rem 1rem 0.25rem;
}
.nav-tabs > li.active {
  box-shadow: inset 0 -4px 0 0 #1b5ece;
}
.nav-tabs > li.active a[role='tab'] {
  display: inline-block;
  color: #1b5ece;
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.nav-tabs > li.disabled {
  user-select: none;
  pointer-events: none;
}
.nav-tabs > li.disabled a[role='tab'] {
  opacity: 0.5;
  position: relative;
}
.nav-tabs > li.disabled a[role='tab']:after {
  color: #a0a0a0;
  content: 'block';
  font-size: 21px !important;
  height: calc(18px + 3px);
  width: calc(18px + 3px);
  z-index: 9;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: auto;
  margin: auto 0;
}
.tab-content {
  padding: 2rem 0 0;
  border-radius: 0 0 15px 15px;
}
.tab-pane.am-fade {
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  opacity: 1;
  padding: 0 0 0.5rem 0;
}
.tab-pane.am-fade.active-remove {
  display: none !important;
}
.tab-pane.am-fade.active-add {
  animation-name: fadeIn;
}
@keyframes infinite-radiate-wave {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 0.5;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
  }
}
@keyframes infinite-radiate-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  2% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes infinite-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  65% {
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes infinite-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  65% {
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes infinite-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes infinite-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes infinite-pulse-big {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes infinite-pulse-big {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circle-expand-out {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    opacity: 0;
    transform: scale(1.3, 1.3);
  }
}
@-webkit-keyframes infinite-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes infinite-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes infinite-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
theme-set {
  display: block;
}
theme-set theme {
  margin: 1rem !important;
  padding: 1rem !important;
  display: block;
}
theme-set theme label {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
ul {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.row {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
small,
.small {
  font-family: Ploni-Regular !important;
  font-size: 1.8rem !important;
  font-weight: normal !important;
  line-height: 1.8rem !important;
  letter-spacing: 0.05rem;
}
small.inline,
.small.inline {
  padding: 0 1rem;
}
small.dark,
.small.dark {
  color: #464646;
}
small.positive,
.small.positive {
  color: #1b5ece;
}
small.sunken,
.small.sunken {
  text-shadow: 0 1px 0 #fff;
}
small.emph,
.small.emph {
  font-family: Ploni-Bold;
  font-size: 1.8rem;
  font-weight: normal;
}
small.block,
.small.block {
  margin: 0.2rem 0;
}
emph,
.emph {
  font-family: Ploni-SemiBold;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
}
emph--sm,
.emph--sm,
emph[size='sm'],
.emph[size='sm'] {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  color: inherit;
}
emph--md,
.emph--md,
emph[size='md'],
.emph[size='md'] {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  color: inherit;
}
emph--lg,
.emph--lg,
emph[size='lg'],
.emph[size='lg'] {
  font-family: Ploni-SemiBold;
  font-size: 3.1rem;
  font-weight: normal;
  color: inherit;
}
emph--xl,
.emph--xl,
emph[size='xl'],
.emph[size='xl'] {
  font-family: Ploni-SemiBold;
  font-size: 4rem;
  font-weight: normal;
  color: inherit;
}
emph[color='true'],
.emph[color='true'] {
  color: #1b5ece;
}
emph-alert,
.emph-alert {
  color: red;
}
emph-underline,
.emph-underline {
  text-decoration: underline;
}
.center {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.center > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.center-content {
  text-align: center;
  display: inline-block;
}
strike-through {
  color: #b4b4b4 !important;
  text-decoration: line-through !important;
}
.slide-grow-shrink {
  -webkit-animation-name: null;
  animation-name: null;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.slide-grow-shrink.ng-enter {
  visibility: hidden;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-grow-shrink.ng-enter.grow-downward-shrink-upward {
  -webkit-animation-name: slide-grow-downward;
  animation-name: slide-grow-downward;
}
.slide-grow-shrink.ng-enter.grow-upward-shrink-downward {
  -webkit-animation-name: slide-grow-upward;
  animation-name: slide-grow-upward;
}
.slide-grow-shrink.ng-enter.ng-enter-active {
  visibility: visible;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.slide-grow-shrink.ng-leave {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-grow-shrink.ng-leave.grow-downward-shrink-upward {
  -webkit-animation-name: slide-shrink-upward;
  animation-name: slide-shrink-upward;
}
.slide-grow-shrink.ng-leave.grow-upward-shrink-downward {
  -webkit-animation-name: slide-shrink-downward;
  animation-name: slide-shrink-downward;
}
.slide-grow-shrink.ng-leave.ng-leave-active {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@keyframes slide-grow-downward {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0) scale(0.9, 0.9) rotate(-5deg);
    transform: translate3d(0, -20px, 0) scale(0.9, 0.9) rotate(-5deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
    transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
  }
}
@keyframes slide-shrink-upward {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
    transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0) scale(0.9, 0.9) rotate(5deg);
    transform: translate3d(0, -20px, 0) scale(0.9, 0.9) rotate(5deg);
  }
}
@keyframes slide-grow-upward {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0) scale(0.9, 0.9) rotate(0deg);
    transform: translate3d(0, 20px, 0) scale(0.9, 0.9) rotate(0deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
    transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
  }
}
@keyframes slide-shrink-downward {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
    transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0) scale(0.9, 0.9) rotate(5deg);
    transform: translate3d(0, 20px, 0) scale(0.9, 0.9) rotate(5deg);
  }
}
.line-md-margin {
  margin: 1.5rem 0;
}
.line-md-bottom-margin {
  margin: 0 0 1.5rem 0;
}
[camera] camera-progress {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  height: 400px;
}
[camera] photo-preview {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 66.3333%;
  -moz-flex: 0 0 66.3333%;
  -ms-flex: 0 0 66.3333%;
  flex: 0 0 66.3333%;
  border-radius: 4px;
  position: relative;
  border: none;
  box-shadow: inset -1px -1px 1px 0 rgba(255, 255, 255, 0.84), inset 1px 1px 0 0 rgba(0, 0, 0, 0.22);
  background: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0)) !important;
}
[camera] photo-thumbnails {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  overflow-y: scroll;
  /*-webkit-overflow-scrolling: touch;*/
  position: relative;
  border: none;
  box-shadow: inset -1px -1px 1px 0 rgba(255, 255, 255, 0.84), inset 1px 1px 0 0 rgba(0, 0, 0, 0.22);
  background: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0)) !important;
  border-radius: 4px;
}
[camera] photo-thumbnails button {
  margin: 1px;
}
[camera] toolbar {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0.2rem 1rem 0 0;
  margin: 1rem 0 0;
}
[camera] toolbar button:not(:last-child) {
  position: relative;
  margin-left: 1rem;
}
[camera] toolbar button:not(:last-child):after,
[camera] toolbar button:not(:last-child):before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
}
[camera] toolbar button:not(:last-child):after {
  background: rgba(0, 0, 0, 0.5);
}
verification-label {
  float: left;
}
verification-label span {
  display: block;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
verification-label span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(3rem, 0, 0);
  transform: translate3d(3rem, 0, 0);
}
verification-label span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
verification-label span.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
verification-label span.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(3rem, 0, 0);
  transform: translate3d(3rem, 0, 0);
  opacity: 0;
}
[input-mask='short-date'],
[input-mask='date'] {
  direction: ltr;
  text-align: right;
}
calsale-chart {
  display: block;
}
calsale-chart chart-title {
  display: block;
  padding: 0.5rem 1rem;
  text-align: center;
}
calsale-chart chart-legend {
  display: block;
  padding: 1rem;
  text-align: center;
}
calsale-chart chart-legend ul li > * {
  padding: 0.2rem;
  display: inline-block;
}
calsale-chart chart-legend ul li > *:not([reflect-color='true']) {
  color: #464646;
}
calsale-chart chart-legend ul label {
  padding: 0.6rem 0 0;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  display: inline-block;
}
calsale-chart chart-legend ul value {
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
calsale-chart chart-legend ul percent {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
calsale-chart chart-legend ul percent:not([reflect-color='true']) {
  color: #828282;
}
slider-switch {
  padding: 0;
  position: relative;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
slider-switch > slider-switch-element {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  opacity: 0.5;
}
slider-switch > slider-switch-element > button {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  margin: 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
slider-switch > slider-switch-element > button[disabled='disabled'] {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
}
slider-switch > slider-switch-element.on {
  opacity: 1;
}
slider-switch > slider-switch-element.on > button {
  color: #fff;
}
slider-switch.vertical > slider-switch-element > content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
slider-switch[disabled='disabled'].underscore-effect slider {
  background: #6e6e6e;
  background-color: #6e6e6e;
}
slider-switch.stretch {
  width: 100%;
}
slider-switch.lg {
  height: 6rem;
}
slider-switch.lg.slider-track.underscore-effect {
  box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.1);
}
slider-switch slider {
  z-index: 0;
  position: absolute;
  /*width: 50%;*/
  bottom: 0;
  left: 0;
}
slider-switch.icon-zoom-effect [slider-switch-side] > icon {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
slider-switch.underscore-effect {
  border-radius: 0;
}
slider-switch.underscore-effect.slider-track {
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.3);
}
slider-switch.underscore-effect.xs {
  height: 2rem;
}
slider-switch.underscore-effect.sm {
  height: 3rem;
}
slider-switch.underscore-effect.md {
  height: 4rem;
}
slider-switch.underscore-effect.md button {
  font-family: Ploni-Regular !important;
  font-size: 2.1rem !important;
  font-weight: normal !important;
}
slider-switch.underscore-effect.light {
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
}
slider-switch.underscore-effect slider {
  background: #1b5ece;
  background-color: #1b5ece;
  height: 5px;
  top: auto;
}
slider-switch.underscore-effect [slider-switch-side] {
  padding: 0.8rem 0.5rem;
}
slider-switch.underscore-effect > slider-switch-element {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
slider-switch.underscore-effect > slider-switch-element.on > button {
  color: #1b5ece;
}
slider-switch.inline-effect {
  justify-content: flex-start;
  height: auto;
  box-shadow: none;
}
slider-switch.inline-effect.center {
  justify-content: center;
}
slider-switch.inline-effect > slider {
  display: none;
}
slider-switch.inline-effect > slider-switch-element {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto !important;
  padding-left: 1rem;
  margin-left: 1rem;
  position: relative;
}
slider-switch.inline-effect > slider-switch-element.on > button {
  color: #1b5ece;
}
slider-switch.inline-effect > slider-switch-element:not(:last-of-type):after {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background: #828282;
  top: 0;
  bottom: 0;
  right: auto;
}
slider-switch[disabled='disabled'] {
  cursor: not-allowed;
}
slider-switch[disabled='disabled'] > [slider-switch-side],
slider-switch[disabled='disabled'] slider,
slider-switch[disabled='disabled'] content,
slider-switch[disabled='disabled'] tip,
slider-switch[disabled='disabled'] a,
slider-switch[disabled='disabled'] icon {
  cursor: not-allowed !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
slider-switch.background-effect {
  border-radius: 7px;
  background: #dcdcdc;
  background-color: #dcdcdc;
  /*box-shadow: inset 0 0 0 2px @A1;*/
}
slider-switch.background-effect.xs {
  height: 2rem;
  width: 7rem;
}
slider-switch.background-effect.sm {
  height: 3rem;
  width: 9rem;
}
slider-switch.background-effect.md {
  height: 4rem;
  width: 12rem;
}
slider-switch.background-effect slider {
  background: #1b5ece;
  background-color: #1b5ece;
  height: 100%;
  top: 0;
}
slider-switch.background-effect[disabled='disabled'] slider {
  background: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
slider-switch.background-effect [slider-switch-side]:not(.active) {
  color: rgba(0, 0, 0, 0.5);
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
slider-switch.background-effect:not([disabled='disabled']) [slider-switch-side]:hover {
  color: #1b5ece;
}
slider-switch.background-effect:not([disabled='disabled']) [slider-switch-side].on {
  box-shadow: none;
}
slider-switch.background-effect:not([disabled='disabled']) [slider-switch-side].on > * {
  color: #fff;
}
slider-switch.background-effect > slider-switch-element {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
slider-switch.background-effect > slider-switch-element.on > button {
  color: #fff;
}
.inline-alert {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.inline-alert icon {
  padding: 0 0 0 0.3rem;
}
.inline-alert.sm icon {
  padding: 0 0 0 0.3rem;
}
.inline-alert.sm content {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  padding-top: 0.4rem;
}
.inline-alert.xs {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
asterisk {
  width: 100%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
asterisk icon {
  padding: 0 0 0 0.3rem;
}
asterisk.sm icon {
  padding: 0 0 0 0.3rem;
}
asterisk.sm content {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  padding-top: 0.4rem;
}
asterisk.xs {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
[session-timer],
session-timer {
  text-shadow: none;
  display: inline-block;
}
[session-timer].threshold-reached,
session-timer.threshold-reached {
  -webkit-animation-name: infinite-radiate-pulse;
  animation-name: infinite-radiate-pulse;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
[session-timer].threshold-reached > label timer-digits,
session-timer.threshold-reached > label timer-digits {
  font-family: Ploni-Medium !important;
  font-size: 2.1rem !important;
  font-weight: normal !important;
  color: #d30725;
}
[session-timer].threshold-reached > button,
session-timer.threshold-reached > button {
  background: #d30725 !important;
  background-color: #d30725 !important;
}
[session-timer].threshold-reached icon,
session-timer.threshold-reached icon,
[session-timer].threshold-reached timer-digits,
session-timer.threshold-reached timer-digits {
  color: #fff;
}
[session-timer].threshold-reached timer-digits,
session-timer.threshold-reached timer-digits {
  font-family: Ploni-Bold;
  font-size: 1.8rem;
  font-weight: normal;
}
flashing-note,
note {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  letter-spacing: 0.012rem;
  border-radius: 20px;
  background: #fff;
  background-color: #fff;
  padding: 0;
  width: 100%;
}
flashing-note:not(.inline),
note:not(.inline) {
  min-height: 6rem;
}
flashing-note > icon,
note > icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 6rem;
  -moz-flex: 0 0 6rem;
  -ms-flex: 0 0 6rem;
  flex: 0 0 6rem;
  padding: 1rem 2rem;
  opacity: 1;
  align-self: flex-start;
}
flashing-note > icon:before,
note > icon:before {
  content: '';
  display: block;
  align-self: stretch;
  -webkit-animation-name: infinite-pulse-big;
  animation-name: infinite-pulse-big;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
flashing-note > content,
note > content {
  opacity: 1;
  padding: 2rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note > content .title,
note > content .title {
  display: block;
  line-height: 1.24;
  padding: 0 0 0.35em 0;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note > content .body,
note > content .body {
  line-height: 1.1;
  display: block;
  font-family: Ploni-Regular;
  font-size: calc(2.1rem);
  font-weight: normal;
}
flashing-note[role='alert'],
note[role='alert'],
flashing-note[role='warning'],
note[role='warning'] {
  background: #ffe1e5;
  background-color: #ffe1e5;
  color: #d30725;
}
flashing-note[role='alert'] > icon:before,
note[role='alert'] > icon:before,
flashing-note[role='warning'] > icon:before,
note[role='warning'] > icon:before {
  content: 'error';
  color: #f33a55;
}
flashing-note[role='info'],
note[role='info'] {
  color: #009069;
  background: #dcfff6;
  background-color: #dcfff6;
}
flashing-note[role='info'] > icon:before,
note[role='info'] > icon:before {
  content: 'info';
  color: #26bb94;
}
flashing-note[role='neutral'],
note[role='neutral'] {
  color: #323232;
  background: #f5f5f5;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}
flashing-note[role='neutral'] > icon:before,
note[role='neutral'] > icon:before {
  content: 'info';
  color: #a0a0a0;
}
flashing-note.sm,
note.sm {
  margin: 2rem auto;
  max-width: 40rem;
}
flashing-note.sm icon,
note.sm icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 3rem;
  -moz-flex: 0 0 3rem;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
}
flashing-note.sm:not(.inline),
note.sm:not(.inline) {
  margin: 1rem auto;
}
flashing-note.sm header,
note.sm header {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note.sm content,
note.sm content {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note.md,
note.md {
  margin: 2rem auto;
  max-width: 60rem;
}
flashing-note.md icon,
note.md icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 5rem;
  -moz-flex: 0 0 5rem;
  -ms-flex: 0 0 5rem;
  flex: 0 0 5rem;
}
flashing-note.md:not(.inline),
note.md:not(.inline) {
  margin: 2rem auto;
}
flashing-note.md header,
note.md header {
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
}
flashing-note.md content,
note.md content {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note.lg,
note.lg {
  margin: 2rem auto;
  max-width: 80rem;
}
flashing-note.lg icon,
note.lg icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 7rem;
  -moz-flex: 0 0 7rem;
  -ms-flex: 0 0 7rem;
  flex: 0 0 7rem;
}
flashing-note.lg header,
note.lg header {
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: calc(2.4rem + 2);
}
flashing-note.lg content,
note.lg content {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
flashing-note.full-width,
note.full-width {
  max-width: 100%;
}
comment,
.comment {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  color: #00a97c;
}
comment.vertical,
.comment.vertical {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
comment.vertical icon,
.comment.vertical icon {
  padding-bottom: 1rem;
}
comment.center,
.comment.center {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
comment.center .content,
.comment.center .content,
comment.center .icon,
.comment.center .icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
comment.dark,
.comment.dark {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  color: #6e6e6e;
}
comment icon,
.comment icon {
  padding-left: 1rem;
}
comment .body,
.comment .body {
  text-align: right;
}
comment .content,
.comment .content,
comment content,
.comment content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
comment .title,
.comment .title {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
comment.lg icon,
.comment.lg icon {
  font-size: 3rem !important;
}
comment.lg header,
.comment.lg header {
  padding: 0.5rem 0;
  font-family: Ploni-SemiBold;
  font-size: 3.1rem;
  font-weight: normal;
}
comment.lg content,
.comment.lg content {
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
comment.md icon,
.comment.md icon {
  font-size: 2rem !important;
}
comment.md .title,
.comment.md .title {
  padding: 0.4rem 0;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
comment.md content,
.comment.md content {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
comment.sm icon,
.comment.sm icon {
  padding-left: 0.5rem;
  font-size: 1.5rem !important;
}
comment.sm .title,
.comment.sm .title {
  padding: 0.4rem 0;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
}
comment.sm content,
.comment.sm content {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
}
twain-version-adapter {
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 0;
  width: 0;
}
.delimited-item:last-child .delimiter {
  display: none;
}
.delimited-item .delimiter[type-of='comma']:after {
  padding-left: 0.5rem;
  content: ',';
}
badge {
  z-index: 1;
  position: absolute;
  font-size: 0;
  cursor: default;
  box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  color: #fff;
  background: #f33a55;
  background-color: #f33a55;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 3px;
  left: 0;
  top: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 1rem;
  letter-spacing: 0.02rem;
  display: none;
  opacity: 0;
}
badge[data-badge-border='true'] {
  border: 2px solid #fff;
}
badge[data-badge-position='left'] {
  right: auto;
  left: 0;
}
badge[data-badge-position='right'] {
  right: 0;
  left: auto;
}
badge[data-badge-position='bottom-right'] {
  right: 0;
  bottom: 0;
  left: auto;
}
badge.xs {
  font-family: Ploni-SemiBold;
  font-size: 1.5rem;
  font-weight: normal;
  min-width: 2rem;
  height: 1.3rem;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.15rem;
  text-shadow: 0 1px 0 #000;
}
badge.sm {
  font-family: Ploni-SemiBold;
  font-size: 1.5rem;
  font-weight: normal;
  min-width: 2rem;
  height: 1.7rem;
}
badge.md {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  min-width: 3.5rem;
  min-height: 1.5rem;
}
badge > span {
  content: attr(data-value);
  text-align: center;
  align-self: center;
  font-style: normal;
  margin: 2px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
button[messages-trigger] {
  opacity: 0.7;
  box-shadow: none;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  letter-spacing: 0.08rem;
  padding: 0;
}
button[messages-trigger] tip > a {
  color: #fff;
}
button[messages-trigger] > i {
  color: transparent;
  -webkit-text-stroke: #fff 1px;
}
button[messages-trigger] > span {
  white-space: nowrap;
  margin: 0 0.5rem 0;
  color: #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
button[messages-trigger].online > i {
  color: transparent;
  -webkit-text-stroke: #fff 1px;
}
button[messages-trigger].active {
  opacity: 1 !important;
}
button[messages-trigger].active > span {
  color: #fff !important;
  text-shadow: none !important;
}
button[messages-trigger].active > i {
  -webkit-text-stroke: 0 !important;
  color: #fff !important;
}
position-left-align-right {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
position-right-align-right {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
progress-illustration {
  position: absolute;
  z-index: 9010;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 0;
  display: none;
  overflow: hidden;
}
progress-illustration[hide-value='true'] > span {
  display: none;
}
progress-illustration > span {
  padding: 1rem 2rem;
  top: 0;
  position: absolute;
  right: 0;
  left: auto;
  opacity: 0;
  display: none;
  text-shadow: none;
}
progress-illustration bar {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 4px;
}
progress-illustration bar.md {
  height: 4px;
}
progress-illustration > div {
  top: 15%;
  position: absolute;
  right: 0;
  left: auto;
  width: 40rem;
  padding: 1.2rem 2rem;
  overflow: hidden;
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  transform-origin: center right;
  display: block;
  min-height: 4.5rem;
  background: #ffd2f0;
  background-color: #ffd2f0;
}
progress-illustration > div.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
progress-illustration > div.ng-enter.ng-enter-active {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  opacity: 1;
}
progress-illustration > div.ng-leave {
  opacity: 1;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
progress-illustration > div.ng-leave.ng-leave-active {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
}
progress-illustration > div span {
  min-height: 4.5rem;
  right: 0;
  top: 0;
  display: block;
  color: #141414;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.05rem;
  padding: 1.3rem;
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
progress-illustration > div span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
}
progress-illustration > div span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
progress-illustration > div span.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
progress-illustration > div span.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -2rem, 0);
  transform: translate3d(0, -2rem, 0);
  opacity: 0;
}
progress-illustration.cover bar {
  z-index: 1;
  height: 100%;
  opacity: 0.4;
}
progress-illustration.cover span {
  z-index: 2;
}
progress-illustration.lg {
  font-family: Ploni-Light;
  font-size: 10rem;
  font-weight: normal;
}
progress-illustration.md {
  font-family: Ploni-Light;
  font-size: 6rem;
  font-weight: normal;
}
progress-illustration.sm {
  font-family: Ploni-Light;
  font-size: 4rem;
  font-weight: normal;
}
progress-illustration.xs {
  font-family: Ploni-Light;
  font-size: 2.5rem;
  font-weight: normal;
}
progress-illustration.xs > span {
  padding: 0.5rem;
}
progress-illustration[backdrop='false'] {
  height: 4px;
}
progress-illustration[bar-position='bottom'] > bar {
  bottom: 0;
  top: auto;
}
progress-illustration.top {
  top: 0;
  bottom: auto;
}
progress-illustration.top > span {
  top: 0;
  position: absolute;
  right: 0;
  padding: 1rem;
}
progress-illustration.right {
  left: auto;
  right: 0;
}
progress-illustration.right > span {
  top: 0;
  position: absolute;
  right: 0;
  padding: 1rem;
}
progress-illustration.center > span {
  position: absolute;
  padding: 1rem 2rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(50%) translateX(-50%);
  transform: translateY(50%) translateX(-50%);
}
truncate {
  position: absolute;
}
nowrap {
  white-space: nowrap;
}
smooth-scroller,
[smooth-scroller] {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow-y: hidden;
  overflow-x: hidden;
  border-radius: inherit;
}
smooth-scroller:hover > div.iScrollLoneScrollbar,
[smooth-scroller]:hover > div.iScrollLoneScrollbar {
  opacity: 0.9 !important;
}
smooth-scroller > scroller,
[smooth-scroller] > scroller,
smooth-scroller .scroller,
[smooth-scroller] .scroller {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  user-select: none;
}
smooth-scroller > div.iScrollHorizontalScrollbar.iScrollLoneScrollbar,
[smooth-scroller] > div.iScrollHorizontalScrollbar.iScrollLoneScrollbar {
  left: 9px !important;
  right: 9px !important;
  bottom: 9px !important;
  top: auto !important;
  height: 9px !important;
  width: auto;
}
smooth-scroller > div.iScrollVerticalScrollbar.iScrollLoneScrollbar,
[smooth-scroller] > div.iScrollVerticalScrollbar.iScrollLoneScrollbar {
  left: 9px !important;
  right: auto !important;
  bottom: 9px !important;
  top: 9px !important;
  width: 9px !important;
  height: auto;
}
smooth-scroller[direction='ltr'] > div.iScrollVerticalScrollbar.iScrollLoneScrollbar,
[smooth-scroller][direction='ltr'] > div.iScrollVerticalScrollbar.iScrollLoneScrollbar {
  left: auto !important;
  right: 9px !important;
  bottom: 9px !important;
  top: 9px !important;
  width: 9px !important;
  height: auto;
}
smooth-scroller > div.iScrollLoneScrollbar,
[smooth-scroller] > div.iScrollLoneScrollbar {
  background: #c8c8c8;
  background-color: #c8c8c8;
  border-radius: 5px;
  border: none;
}
smooth-scroller > div.iScrollLoneScrollbar > div.iScrollIndicator,
[smooth-scroller] > div.iScrollLoneScrollbar > div.iScrollIndicator {
  background: #1b5ece !important;
  background-color: #1b5ece !important;
  border-radius: 5px !important;
  border: none !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0 auto;
  width: auto !important;
}
ellipsis linker {
  font-size: inherit;
}
lg-font {
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
md-font {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
sm-font {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
xs-font {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
stacked-list {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
stacked-list stacked-list-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  position: relative;
}
stacked-list stacked-list-item:not(:last-of-type):after {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  right: 0;
  left: 0;
  opacity: 0.6;
}
stacked-list stacked-list-item.stacked-item-sm {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
stacked-list stacked-list-item.stacked-item-sm:after {
  bottom: -0.25rem;
}
stacked-list stacked-list-item.stacked-item-sm content {
  padding: 0.8rem 0.5rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
}
stacked-list stacked-list-item.white:after {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
stacked-list stacked-list-item.solid:after {
  border-bottom: 1px solid #fff;
}
.grayscale,
grayscale {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
}
aside-trigger.support-trigger {
  height: inherit;
  position: relative;
}
aside-trigger.support-trigger:not(data-enabled='false') > button {
  cursor: pointer;
}
aside-trigger.support-trigger > button {
  cursor: default;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  /* "transaprent value is not supported by IOS Nazis" */
  /* "transaprent value is not supported by IOS Nazis" */
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  height: inherit;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}
aside-trigger.support-trigger > button > i {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 5rem;
  -moz-flex: 0 0 5rem;
  -ms-flex: 0 0 5rem;
  flex: 0 0 5rem;
  content: 'tune';
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: inline-block;
}
aside-trigger.support-trigger > button > i:before {
  display: inline-block;
}
aside-trigger.support-trigger > button > span {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
aside-trigger.support-trigger > button.showing > i {
  -webkit-animation-name: infinite-bounce;
  animation-name: infinite-bounce;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
aside-trigger.support-trigger > button.hiding > i {
  -webkit-animation-name: infinite-bounce;
  animation-name: infinite-bounce;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
aside-trigger.stub-editor-trigger {
  position: fixed;
  top: auto;
  left: auto;
  right: -3rem;
  bottom: -4rem;
  height: 8rem;
  width: 8rem;
}
aside-trigger.stub-editor-trigger > button {
  position: fixed;
  margin: 0 auto;
  border-radius: 50%;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  padding: 0;
  content: 'tune';
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.9);
}
aside-trigger.stub-editor-trigger > button:before {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: 1.2s ease-out;
  transition: 1.2s ease-out;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
aside-trigger.stub-editor-trigger > button.showing:before {
  -webkit-animation-name: infinite-spin;
  animation-name: infinite-spin;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
aside-trigger.stub-editor-trigger > button.hiding:before {
  -webkit-animation-name: infinite-spin;
  animation-name: infinite-spin;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: reverse;
  -webkit-animation-direction: reverse;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
aside {
  position: fixed;
}
aside.open {
  box-shadow: -4px 0 25px 0 rgba(0, 0, 0, 0.8);
}
aside button.action {
  position: absolute;
  z-index: 1000;
  top: 1%;
  height: 3.5rem;
  width: 3.5rem;
  min-height: 3.5rem;
  min-width: 3.5rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  color: rgba(255, 255, 255, 0.5);
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.5);
}
aside button.action:before {
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
aside button.action:hover {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  color: rgba(255, 255, 255, 0.8);
}
aside button.action tip {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: 0;
}
aside button.close {
  content: 'close';
}
aside.right > button.pinn {
  left: 2%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
aside.left > button.pinn {
  right: 2%;
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
}
aside.pinned {
  box-shadow: none;
}
aside.pinned > button.pinn:before {
  color: #fff;
  display: block;
  -webkit-transform: translateX(-7px) translateY(7px) rotateX(5deg) rotateY(5deg) skew(10deg, 10deg);
  transform: translateX(-7px) translateY(7px) rotateX(5deg) rotateY(5deg) skew(10deg, 10deg);
}
aside.pinned.right {
  border-left: 4px solid #fff;
}
aside.pinned.right > button.pinn:before {
  color: #fff;
  -webkit-text-stroke: 0;
  display: block;
}
aside.pinned.left {
  border-right: 4px solid #fff;
}
aside.pinned.left > button.pinn:before {
  color: #fff;
  -webkit-text-stroke: 0;
  display: block;
}
aside footer-buttons button {
  background: #000;
  background-color: #000;
  border-radius: 2rem;
  color: rgba(255, 255, 255, 0.7);
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  padding: 0 2rem;
}
aside footer-buttons button icon {
  padding: 0 1rem;
}
.aside {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1049;
  overflow: auto;
  max-width: 320px;
  min-width: 40%;
  background: rgba(0, 0, 0, 0.7) !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.aside.left {
  right: auto;
  left: 0;
}
.aside.right {
  right: 0;
  left: auto;
}
.aside button.action {
  position: absolute;
  z-index: 1000;
  top: 0.5rem;
  left: 0.5rem;
  height: 3rem;
  width: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 1px;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  color: rgba(255, 255, 255, 0.5);
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
}
.aside button.close {
  content: 'close';
}
.aside .aside-dialog,
.aside .aside-content {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}
.aside .aside-content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.aside .aside-header {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  background: rgba(0, 0, 0, 0.9) !important;
  background-color: rgba(0, 0, 0, 0.9) !important;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 12rem;
  -moz-flex: 0 1 12rem;
  -ms-flex: 0 1 12rem;
  flex: 0 1 12rem;
  min-height: 12rem;
  padding: 5rem 0 1rem !important;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.4) !important;
}
.aside .aside-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 !important;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  overflow: hidden;
  overflow-y: scroll;
  /*-webkit-overflow-scrolling: touch;*/
}
.aside .aside-footer {
  border-top: 1px dotted rgba(255, 255, 255, 0.4) !important;
  background: rgba(0, 0, 0, 0.9) !important;
  background-color: rgba(0, 0, 0, 0.9) !important;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 8rem;
  -moz-flex: 0 1 8rem;
  -ms-flex: 0 1 8rem;
  flex: 0 1 8rem;
  padding: 2rem 2rem;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
@keyframes shake {
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: translate3d(2px, 0, 0) scale(0.96);
  }
  30% {
    transform: translate3d(-4px, 0, 0) scale(0.96);
  }
  40% {
    transform: translate3d(4px, 0, 0) scale(0.96);
  }
  50% {
    transform: translate3d(-4px, 0, 0) scale(0.96);
  }
  60% {
    transform: translate3d(4px, 0, 0) scale(0.96);
  }
  70% {
    transform: translate3d(-4px, 0, 0) scale(0.96);
  }
  80% {
    transform: translate3d(2px, 0, 0) scale(0.96);
  }
  90% {
    transform: translate3d(-1px, 0, 0) scale(1);
  }
}
.mi-font {
  font-family: Ploni-Regular;
  font-size: 0.9rem;
  font-weight: normal;
}
.ts-font {
  font-family: Ploni-Regular;
  font-size: 1rem;
  font-weight: normal;
}
.xs-font {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
.sm-font {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
.md-font {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
.md-plus-font {
  font-family: Ploni-Regular;
  font-size: 2.4rem;
  font-weight: normal;
}
.lg-font {
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
.lg-plus-font {
  font-family: Ploni-Regular;
  font-size: 3.6rem;
  font-weight: normal;
}
.xl-font {
  font-family: Ploni-Regular;
  font-size: 4rem;
  font-weight: normal;
}
.no-gutter,
content-body > div[ui-view='content'] page-footer,
content-body > div[ui-view='content'] .page-footer,
content-body > div[ui-view='content'] + page-footer,
content-body > div[ui-view='content'] + .page-footer,
.form-section,
form-section,
.form-section h3.title,
form-section h3.title,
#upsales-content .card-list {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mi-font {
  font-family: Ploni-Regular;
  font-size: 0.9rem;
  font-weight: normal;
}
.ts-font {
  font-family: Ploni-Regular;
  font-size: 1rem;
  font-weight: normal;
}
.xs-font {
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
.sm-font {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
.md-font {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
.md-plus-font {
  font-family: Ploni-Regular;
  font-size: 2.4rem;
  font-weight: normal;
}
.lg-font {
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
.lg-plus-font {
  font-family: Ploni-Regular;
  font-size: 3.6rem;
  font-weight: normal;
}
.xl-font {
  font-family: Ploni-Regular;
  font-size: 4rem;
  font-weight: normal;
}
.no-gutter,
content-body > div[ui-view='content'] page-footer,
content-body > div[ui-view='content'] .page-footer,
content-body > div[ui-view='content'] + page-footer,
content-body > div[ui-view='content'] + .page-footer,
.form-section,
form-section,
.form-section h3.title,
form-section h3.title,
#upsales-content .card-list {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
ripple.on {
  z-index: 1;
  -webkit-animation-name: inner-ripple;
  animation-name: inner-ripple;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
@keyframes inner-ripple {
  0% {
    transform: scale(0, 0);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
}
.transparent {
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
[class^='design-category-icon']:before {
  padding: 0 0 0 1rem;
}
.design-category-icon-1 {
  content: 'thumb_up';
}
.design-category-icon-1:before {
  color: #3396ff;
}
.design-category-icon-2 {
  content: 'star';
}
.design-category-icon-2:before {
  color: #ff2d2d;
}
.design-category-icon-3:before {
  color: #ff8713;
}
img {
  pointer-events: none;
}
clamp-alert {
  display: flex;
}
clamp-alert content {
  border-radius: 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.5rem;
  -webkit-animation-name: infinite-bounce-bg;
  animation-name: infinite-bounce-bg;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
clamp-alert right-clamper,
clamp-alert left-clamper {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
clamp-alert right-clamper:before,
clamp-alert left-clamper:before {
  position: absolute;
  display: block;
  color: #d30725;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: auto 0;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  -webkit-text-stroke: #d30725 1px;
}
clamp-alert left-clamper:before {
  right: 0;
  content: 'chevron_left';
  -webkit-animation-name: infinite-bounce-ltr;
  animation-name: infinite-bounce-ltr;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
clamp-alert right-clamper:before {
  content: 'chevron_left';
  left: 0;
  -webkit-animation-name: infinite-bounce-rtl;
  animation-name: infinite-bounce-rtl;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes infinite-bounce-rtl {
  from {
    transform: translate3d(100%, 0, 0);
    color: rgba(255, 0, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    color: rgba(255, 0, 0, 0.8);
  }
}
@keyframes infinite-bounce-ltr {
  from {
    transform: translate3d(-100%, 0, 0) rotate(180deg);
    color: rgba(255, 0, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0) rotate(180deg);
    color: rgba(255, 0, 0, 0.8);
  }
}
@keyframes infinite-bounce-bg {
  from {
    background-color: rgba(255, 0, 0, 0);
  }
  to {
    background-color: rgba(255, 0, 0, 0.3);
  }
}
*:has(text-expand-effect) {
  position: relative;
}
text-expand-effect {
  display: inline-block;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
text-expand-effect.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
  letter-spacing: 0.4rem;
}
text-expand-effect.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  letter-spacing: 0.08rem;
  opacity: 1;
}
text-expand-effect.ng-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  letter-spacing: 0.08rem;
  opacity: 1;
}
text-expand-effect.ng-leave.ng-leave-active {
  opacity: 0;
  letter-spacing: 0.3rem;
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
}
password-peeker {
  position: relative;
  opacity: 1;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
password-peeker input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 6rem !important;
}
password-peeker[enabled='false'] button {
  opacity: 0.5;
}
password-peeker.active input {
  text-align: left;
}
password-peeker button.password-peeker {
  position: absolute;
  left: 0;
  right: auto;
  margin: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  width: 6rem;
  transition: 0.3s ease-out;
  height: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 6rem;
  -moz-flex: 1 1 6rem;
  -ms-flex: 1 1 6rem;
  flex: 1 1 6rem;
  color: rgba(0, 0, 0, 0.5);
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
password-peeker button.password-peeker.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(250%, 0, 0);
  transform: translate3d(250%, 0, 0);
}
password-peeker button.password-peeker.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
password-peeker button.password-peeker.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
password-peeker button.password-peeker.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(250%, 0, 0);
  transform: translate3d(250%, 0, 0);
  opacity: 0;
}
password-peeker button.password-peeker icon {
  position: absolute;
  left: 1rem;
  bottom: 0;
  top: 0;
  right: auto;
}
.field-control-button {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  min-height: 0 !important;
  height: 3.5rem;
}
.field-control-button[disabled='disabled'] {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
}
iframe-loader {
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  border: 8px solid #828282;
  background: #6e6e6e;
  background-color: #6e6e6e;
}
iframe-loader iframe {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  background-color: #fff;
}
iframe-loader .error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 10rem;
  width: 60%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: auto;
}
iframe-loader .error .description {
  letter-spacing: 0.05rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  padding: 1rem;
  color: #323232;
  font-family: Ploni-Bold;
  font-size: 2.4rem;
  font-weight: normal;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
iframe-loader .error .description.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-5rem, 0, 0);
  transform: translate3d(-5rem, 0, 0);
}
iframe-loader .error .description.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
iframe-loader .error .description.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
iframe-loader .error .description.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(5rem, 0, 0);
  transform: translate3d(5rem, 0, 0);
  opacity: 0;
}
iframe-loader .error .command {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
iframe-loader .error .command button {
  -webkit-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
iframe-loader .error .command button.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(5rem, 0, 0);
  transform: translate3d(5rem, 0, 0);
}
iframe-loader .error .command button.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
iframe-loader .error .command button.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
iframe-loader .error .command button.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-5rem, 0, 0);
  transform: translate3d(-5rem, 0, 0);
  opacity: 0;
}
underwriting-status {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: inline-flex;
  margin: 0 1rem;
  background: #dcdcdc;
  background-color: #dcdcdc;
  padding: 0;
  border-radius: 2rem;
}
underwriting-status.sm span {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
}
underwriting-status.sm icon {
  content: '';
  padding: 0.4rem 1rem 0.4rem 0.2rem;
}
underwriting-status.sm icon:after {
  position: absolute;
  right: 0.3rem;
  bottom: 0rem;
}
underwriting-status span {
  color: #464646;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0.5rem 0.2rem 0.5rem 1.5rem;
}
underwriting-status icon {
  color: #828282;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  text-align: center;
  position: relative;
  white-space: nowrap;
  margin: 0.5rem 1.5rem 0.5rem 0.2rem;
}
underwriting-status icon:before {
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
underwriting-status icon:after {
  position: absolute;
  right: -0.5rem;
  bottom: -0.5rem;
}
underwriting-status[status='approved'] {
  background: #468aff;
  background-color: #468aff;
}
underwriting-status[status='approved'] span {
  color: #003388;
}
underwriting-status[status='approved'] icon {
  color: #003388;
  content: 'check';
}
underwriting-status[status='approved'] icon:after {
  color: #1b5ece;
}
underwriting-status[status='denied'] icon {
  content: 'close';
}
underwriting-status[status='denied'] icon:after {
  color: #d30725;
}
underwriting-status[status='pending'] icon {
  content: 'sync';
}
underwriting-status[status='pending'] icon:after {
  color: #464646;
}
.ltr {
  direction: ltr;
}
.key-value-block {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.key-value-block.stretch {
  align-items: stretch;
}
.key-value-block.stretch > .key-value-row {
  align-self: stretch;
}
.key-value-block.full-span > .key-value-row {
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.key-value-block > .key-value-row {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.key-value-block > .key-value-row > dots,
.key-value-block > .key-value-row .dots {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.key-value-block > .key-value-row > dots:after,
.key-value-block > .key-value-row .dots:after {
  border-bottom: 1px dashed #a0a0a0;
  position: absolute;
  content: '';
  right: 5px;
  left: 5px;
  bottom: 3px;
  top: auto;
}
.key-value-block > .key-value-row > .key {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.key-value-block > .key-value-row > .value {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.splash {
  position: fixed;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  transform: scale(0.6, 0.6);
  background: rgba(0, 0, 0, 0);
}
.splash.reset {
  z-index: -1;
  display: none;
}
.splash.active {
  display: block;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  transform: scale(0.98, 0.98);
}
.nowrap {
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.icon-only-button {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
p {
  margin-top: 0;
}
.section-title {
  margin: 0 auto;
  color: #003388;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
  border-bottom: 1px dashed #b4b4b4;
}
.infinite-loader,
image-gallery .thumbnail[pending='true']:before {
  animation: infinite-circle infinite 0.75s linear;
  border-radius: 100%;
  border: 3px solid #2068e4;
  border-top-color: rgba(32, 104, 228, 0.3) !important;
  border-right-color: rgba(32, 104, 228, 0.3) !important;
  border-bottom-color: rgba(32, 104, 228, 0.3) !important;
}
.infinite-loader.sm {
  width: 16px;
  height: 16px;
}
@keyframes infinite-circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
image-gallery {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
image-gallery .gallery-thumbnails {
  position: relative;
  background: #6e6e6e;
  background-color: #6e6e6e;
}
image-gallery .gallery-thumbnails.xs {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -moz-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  /*
            tiles {
                width: unit(@preview-xs-image-width, @px-unit);
            }*/
}
image-gallery .gallery-thumbnails.xs .thumbnail {
  width: 85px;
  height: 110px;
}
image-gallery .gallery-thumbnails.xs .thumbnail-content {
  width: 85px;
}
image-gallery .gallery-thumbnails tile.active .thumbnail .serial {
  background: #2068e4;
  color: #fff;
  transform: scale(1.2);
}
image-gallery .thumbnail-content {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
image-gallery .gallery-preview {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #323232;
  background-color: #323232;
  padding: 1rem;
  position: relative;
  text-align: center;
}
image-gallery .gallery-preview img {
  margin: 1rem auto;
}
image-gallery .thumbnail {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 1rem;
}
image-gallery .thumbnail img {
  opacity: 1;
  width: 100%;
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  transform: scale(1, 1);
  margin: 0 auto;
}
image-gallery .thumbnail[pending='true'] {
  background: #141414;
  background-color: #141414;
  transform: scale(0.8, 0.8);
  opacity: 0.8;
}
image-gallery .thumbnail[pending='true'] img {
  transform: scale(0, 0);
  opacity: 0;
}
image-gallery .thumbnail[pending='true']:before {
  content: '';
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
image-gallery .thumbnail[pending='true'] .serial {
  display: none;
}
image-gallery .thumbnail .serial {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: attr(index);
  z-index: 1;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  display: flex;
  align-self: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
span.no-wrap {
  display: inline-block;
  white-space: nowrap;
}
.responsive-img {
  display: block;
  max-width: 100%;
  height: auto;
}
format[expression] {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: inline-flex;
  align-items: baseline;
}
format[expression] .expression {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-family: Ploni-Medium;
}
format[expression] .expression > .currency,
format[expression] .expression > .percent,
format[expression] .expression > .value .decimal {
  font-size: 88%;
  font-family: Ploni-Regular;
}
format[expression][percent='true'] {
  flex-direction: row-reverse;
  direction: rtl;
}
format[expression].value {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: inline-flex;
}
.panel-content-required {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1.1;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  cursor: pointer;
  min-height: 6rem;
  margin: 2px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.panel-content-required.pristine {
  cursor: pointer;
}
.panel-content-required content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.panel-content-required content error {
  min-height: 0 !important;
  position: relative;
}
.panel-content-required content error > small {
  position: relative;
}
.panel-content-required content > small {
  font-family: Ploni-SemiBold !important;
  font-size: 1.6rem !important;
  font-weight: normal !important;
  margin: 0.2rem 0 0;
  display: block;
  color: #26bb94;
}
.panel-content-required error {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.panel-content-required error.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0);
}
.panel-content-required error.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.panel-content-required error.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.panel-content-required error.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0);
  opacity: 0;
}
.panel-content-required .checked {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 5rem;
  -moz-flex: 0 0 5rem;
  -ms-flex: 0 0 5rem;
  flex: 0 0 5rem;
  text-align: center;
}
.panel-content-required .checked:before {
  content: 'check';
  text-shadow: 5px 5px 11px rgba(0, 0, 0, 0.2);
}
.bullet:before {
  padding: 0 0.6rem;
  content: 'check';
}
.bullet--accent:before {
  color: #ff00a7;
}
.bullet--check:before {
  padding: 0 0.6rem;
  content: check;
}
.bullet--lens:before {
  padding: 0 0.6rem;
  content: lens;
}
.bullet--sm:before {
  padding: 0 0.6rem;
  content: 'check';
}
.bullet--md:before {
  padding: 0 0.6rem;
  content: 'check';
}
ul.with-bullets li {
  padding: 0.25rem 0;
  line-height: 1.2;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
ul.with-bullets li > *,
ul.with-bullets li .item-with-bullet {
  flex: 1 1 auto;
}
ul.with-bullets.md li {
  padding: 0.5rem 1rem;
}
.formatted-label {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.formatted-label > header,
.formatted-label > content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.formatted-label > header {
  padding: 0;
  font-family: Ploni-Light;
  font-size: 2.4rem;
  font-weight: normal;
  color: #6e6e6e;
}
.formatted-label > content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: Ploni-Regular;
  font-size: 2.4rem;
  font-weight: normal;
  padding: 0;
  color: #1b5ece;
}
.formatted-label .comma {
  padding: 0 0 0 0.3rem;
}
.underline {
  border-bottom: 2px solid;
}
.underline.primary-underline {
  border-color: #1b5ece;
}
field-wrapper {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  position: relative;
  margin-bottom: 2rem;
}
field-wrapper.inline-display {
  display: inline-flex;
}
field-wrapper.projected-errors {
  display: inline-flex;
  margin: 0;
}
field-wrapper:not([composition='flow']) field-label {
  right: 0;
  bottom: auto;
  top: 0;
  left: auto;
  z-index: 8;
  position: absolute;
}
field-wrapper[composition='flow'] field-label {
  height: auto;
  padding: 0;
}
field-wrapper[composition='flow'] field-control {
  height: auto;
}
field-wrapper.has-value field-label,
field-wrapper.has-focus field-label {
  color: #6e6e6e;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
  transform: translateY(-70%) scale(0.88);
}
field-wrapper.blocked-ind field-label {
  color: #6e6e6e;
}
field-wrapper.blocked-ind field-label > .main,
field-wrapper.blocked-ind field-label .tip {
  color: #6e6e6e !important;
}
field-wrapper.blocked-ind field-control:after {
  color: #b4b4b4;
  content: 'block';
  font-size: 21px !important;
  height: calc(18px + 3px);
  width: calc(18px + 3px);
  z-index: 9;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: auto;
  margin: auto 0;
}
field-wrapper field-label {
  height: calc(3.5rem + -2px);
  color: #141414;
  text-overflow: ellipsis;
  user-select: none;
  pointer-events: none;
  width: 100%;
  display: inline-block;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  line-height: 1.1;
}
field-wrapper field-label .main {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
field-wrapper field-label .main + .tip {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  color: #1b5ece;
}
field-wrapper field-label .mandatory-ind:after,
field-wrapper field-label.mandatory-ind:after {
  padding: 0 0.15rem;
  color: #ff00a7;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  content: '*';
}
field-wrapper field-suffix {
  position: absolute;
  left: 0;
  bottom: 4px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  grid-auto-flow: column;
  grid-template-rows: auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
field-wrapper field-suffix > icon {
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
  aspect-ratio: 1;
  display: grid !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #1b5ece;
}
field-wrapper field-control {
  /*.grid-columns(flex-start, center, 0);
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;*/
  /*.grid-columns(flex-start, center, 0);
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;*/
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  height: calc(3.5rem + 0px);
  position: relative;
}
field-wrapper field-control.has-suffix > input {
  padding-left: 5rem;
}
field-wrapper field-control.has-suffix > input {
  padding-left: 5rem;
}
field-wrapper field-footer {
  position: relative;
  display: block;
}
field-wrapper hint,
field-wrapper error[ng-messages] {
  padding: 0.5rem 0;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
  line-height: 1;
  flex: 1 0 100%;
  min-height: 2.5rem !important;
}
field-wrapper hint,
field-wrapper *[ng-message] {
  position: absolute;
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0.1rem 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
field-wrapper hint.pull-left,
field-wrapper *[ng-message].pull-left {
  left: 0;
}
field-wrapper hint.ng-enter,
field-wrapper *[ng-message].ng-enter {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
field-wrapper hint.ng-enter.ng-enter-active,
field-wrapper *[ng-message].ng-enter.ng-enter-active {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
field-wrapper hint.ng-leave,
field-wrapper *[ng-message].ng-leave {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
field-wrapper hint.ng-leave.ng-leave-active,
field-wrapper *[ng-message].ng-leave.ng-leave-active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
}
field-wrapper hint {
  display: inline-block;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
  letter-spacing: 0.02rem;
  color: #828282;
}
.rubber-stamp {
  text-align: center;
  display: inline-block;
  padding: 0.25rem 1rem;
  -webkit-mask-image: url('../assets/images/grunge-md.png');
  -webkit-mask-size: 600px 365px;
  mix-blend-mode: multiply;
}
.popover {
  direction: rtl;
  position: absolute;
  border: none !important;
  z-index: 9000;
  padding: 0;
  text-align: right;
  /*.popover.bottom {
        margin-top: 19px;
    }*/
  /*.arrow {
        border-bottom-color: @D1 !important;
    }*/
}
.popover button.close {
  position: absolute;
  left: 1rem;
  top: 1rem;
}
.popover .popover-title {
  padding: 1.5rem 2rem;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.08rem;
}
.popover .popover-content {
  font-family: Ploni-Medium;
  font-size: 1.9rem;
  font-weight: normal;
  padding: 1.5rem 2rem;
  letter-spacing: 0.08rem;
  text-align: right;
}
.popover .popover-footer {
  padding: 0.5rem 2rem 2rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.popover .popover-footer .actions {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.popover .popover-footer button:not(:only-child) {
  margin: 0 0.5rem;
}
/*.column {
    .box(column, stretch, center, nowrap);
}*/
.bubble-box {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #f5f5f5;
  background-color: #f5f5f5;
  color: #323232;
  letter-spacing: 0.03rem;
  /*box-shadow: 0 10px 20px -14px rgba(0, 0, 0, 30%);*/
}
.bubble-box > * {
  display: inline-block;
  padding: 0.5rem 0;
}
.bubble-box.bubble--start {
  align-items: flex-start;
}
.bubble-box.bubble--md {
  /*.regular-font(@md-font);*/
  padding: 1.25rem;
  border-radius: 5px;
}
.bubble-box.bubble--lg {
  /*.regular-font(@lg-font);*/
  padding: 1.5rem;
  border-radius: 8px;
}
.bubble-box.bubble--lg > .bubble-label {
  padding-bottom: 0.75rem;
}
.bubble-box.bubble--lg > .bubble-value {
  padding-top: 0.75rem;
}
.bubble-box.bubble--xl {
  /*.regular-font(@xl-font);*/
  padding: 2rem;
  border-radius: 10px;
}
.bubble-box.bubble--xl > .bubble-label {
  padding-bottom: 1rem;
}
.bubble-box.bubble--xl > .bubble-value {
  padding-top: 1rem;
}
.pad-xs {
  padding: 0.5rem;
}
.pad-sm {
  padding: 1.2rem;
}
.pad-md {
  padding: 2.5rem;
}
.pad-lg {
  padding: 4rem;
}
.pad-xl {
  padding: 6.65rem;
}
.pad-lt-xs {
  padding-left: 0.5rem;
}
.pad-bt-xs {
  padding-bottom: 0.5rem;
}
.pad-tp-xs {
  padding-top: 0.5rem;
}
.pad-rt-xs {
  padding-right: 0.5rem;
}
.pad-lt-sm {
  padding-left: 1.2rem;
}
.pad-bt-sm {
  padding-bottom: 1.2rem;
}
.pad-tp-sm {
  padding-top: 1.2rem;
}
.pad-rt-sm {
  padding-right: 1.2rem;
}
.pad-lt-md {
  padding-left: 2.5rem;
}
.pad-bt-md {
  padding-bottom: 2.5rem;
}
.pad-tp-md {
  padding-top: 2.5rem;
}
.pad-rt-md {
  padding-right: 2.5rem;
}
.pad-lt-lg {
  padding-left: 4rem;
}
.pad-bt-lg {
  padding-bottom: 4rem;
}
.pad-tp-lg {
  padding-top: 4rem;
}
.pad-rt-lg {
  padding-right: 4rem;
}
.pad-lt-xl {
  padding-left: 6.65rem;
}
.pad-bt-xl {
  padding-bottom: 6.65rem;
}
.pad-tp-xl {
  padding-top: 6.65rem;
}
.pad-rt-xl {
  padding-right: 6.65rem;
}
.mrg-xs {
  margin: 0.5rem;
}
.mrg-sm {
  margin: 1.2rem;
}
.mrg-md {
  margin: 2.5rem;
}
.mrg-lg {
  margin: 4rem;
}
.mrg-xl {
  margin: 6.65rem;
}
.mrg-lt-xs {
  margin-left: 0.5rem;
}
.mrg-bt-xs,
h4 {
  margin-bottom: 0.5rem;
}
.mrg-tp-xs {
  margin-top: 0.5rem;
}
.mrg-rt-xs,
field-wrapper field-label .main + .tip {
  margin-right: 0.5rem;
}
.mrg-lt-sm {
  margin-left: 1.2rem;
}
.mrg-bt-sm {
  margin-bottom: 1.2rem;
}
.mrg-tp-sm {
  margin-top: 1.2rem;
}
.mrg-rt-sm {
  margin-right: 1.2rem;
}
.mrg-lt-md {
  margin-left: 2.5rem;
}
.mrg-bt-md,
h3 {
  margin-bottom: 2.5rem;
}
.mrg-tp-md {
  margin-top: 2.5rem;
}
.mrg-rt-md {
  margin-right: 2.5rem;
}
.mrg-lt-lg {
  margin-left: 4rem;
}
.mrg-bt-lg,
h2 {
  margin-bottom: 4rem;
}
.mrg-tp-lg {
  margin-top: 4rem;
}
.mrg-rt-lg {
  margin-right: 4rem;
}
.mrg-lt-xl {
  margin-left: 6.65rem;
}
.mrg-bt-xl {
  margin-bottom: 6.65rem;
}
.mrg-tp-xl {
  margin-top: 6.65rem;
}
.mrg-rt-xl {
  margin-right: 6.65rem;
}
form-triggers {
  position: absolute;
  display: none;
}
.letterspace-animation {
  position: relative;
  display: inline-block;
  padding: 0 1rem 0;
}
.letterspace-animation > span {
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  white-space: nowrap;
  display: inline-block;
}
.letterspace-animation > span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
  letter-spacing: 0.4rem;
}
.letterspace-animation > span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  letter-spacing: 0.08rem;
  opacity: 1;
}
.letterspace-animation > span.ng-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  letter-spacing: 0.08rem;
  opacity: 1;
}
.letterspace-animation > span.ng-leave.ng-leave-active {
  opacity: 0;
  letter-spacing: 0.3rem;
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
}
.f-shrink {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
}
.f-noshrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.f-grow {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.f-nogrow {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
.f-nowrap {
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.divider--left {
  border-left: 1px solid #d8d8d8;
}
.radius--sm {
  border-radius: 6px;
}
.radius--md {
  border-radius: 14px;
}
.radius--lg {
  border-radius: 20px;
}
.full-height {
  height: 100%;
}
.inline-spinner {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-item: center;
}
.inline-spinner.sm {
  height: 20px;
  width: 20px;
}
.inline-spinner.md {
  height: 30px;
  width: 30px;
}
.field-control {
  /*.grid-columns(flex-start, center, 0);
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;*/
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  height: calc(3.5rem + 0px);
  position: relative;
}
.field-control.has-suffix > input {
  padding-left: 5rem;
}
.ltr-label {
  display: inline-block;
  direction: ltr;
}
#salepoint-content div.search-brief {
  margin: 0.25rem 0 0;
  padding: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  min-height: 2rem;
  position: relative;
  overflow: hidden;
}
#salepoint-content div.search-brief span {
  padding: 0 0.3rem 0.5rem 0.3rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #ff00a7;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
#salepoint-content div.search-brief span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 0.5rem, 0);
  transform: translate3d(0, 0.5rem, 0);
}
#salepoint-content div.search-brief span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#salepoint-content div.search-brief span.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#salepoint-content div.search-brief span.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 0.5rem, 0);
  transform: translate3d(0, 0.5rem, 0);
  opacity: 0;
}
#salepoint-content salepoint-suggestor {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  padding: 0;
  position: relative;
  gap: 3rem;
}
#salepoint-content salepoint-suggestor search,
#salepoint-content salepoint-suggestor intro {
  display: flex;
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#salepoint-content salepoint-suggestor .search-results {
  position: relative;
  height: 100%;
}
#salepoint-content salepoint-suggestor div.search-phrase {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 0;
}
#salepoint-content salepoint-suggestor div.search-phrase search-widget {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  padding: 0 0 0.2rem 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  width: 60%;
  position: relative;
}
#salepoint-content salepoint-suggestor div.search-phrase search-widget input {
  height: 4rem;
}
#salepoint-content salepoint-suggestor div.search-phrase search-widget.has-focus {
  width: 100%;
}
#salepoint-content salepoint-suggestor div.search-phrase search-widget.has-focus:before {
  transform: rotate(90deg);
}
#salepoint-content salepoint-suggestor div.search-phrase search-widget:before {
  content: 'search';
  color: #1b5ece;
  z-index: 1;
  position: absolute;
  left: 1rem;
  top: -0.5rem;
  bottom: 0;
  margin: auto 0;
  height: 3rem;
  transition: 0.5s ease-out;
}
#dashboard-content {
  /*.make-xs-column(8);*/
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
#dashboard-content paper[dashboard-area] {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
#dashboard-content paper[dashboard-area] paper-header {
  width: 80%;
}
#dashboard-content paper[dashboard-area] paper-header > content p {
  margin: 0;
}
#dashboard-content paper[dashboard-area] paper-header range {
  display: inline-block;
  width: 10rem;
}
#dashboard-content paper[dashboard-area] paper-header range span {
  display: inline-block;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#dashboard-content paper[dashboard-area] paper-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
#dashboard-content paper[dashboard-area] paper-content comment {
  margin: 4rem auto;
}
#dashboard-content paper[dashboard-area] paper-content small {
  padding-bottom: 1.5rem;
}
#dashboard-content scopes {
  position: absolute;
  left: 0rem;
  top: 0rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#dashboard-content scopes lob-scope,
#dashboard-content scopes time-scope {
  padding: 0 0.5rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#dashboard-content charts {
  padding: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
#dashboard-content charts > div {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
#dashboard-content charts > div.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-10rem, 0, 0);
  transform: translate3d(-10rem, 0, 0);
}
#dashboard-content charts > div.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#dashboard-content charts > div.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#dashboard-content charts > div.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(10rem, 0, 0);
  transform: translate3d(10rem, 0, 0);
  opacity: 0;
}
#dashboard-content .data-type-options {
  width: 100%;
  padding: 1rem 1rem 0 1rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 2rem;
  -moz-flex: 0 1 2rem;
  -ms-flex: 0 1 2rem;
  flex: 0 1 2rem;
}
#dashboard-content .data-type-options slider-switch-element {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#dashboard-content .data-type-options slider-switch-element.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
#dashboard-content .data-type-options slider-switch-element.ng-enter.ng-enter-active {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}
#dashboard-content .data-type-options slider-switch-element.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#dashboard-content .data-type-options slider-switch-element.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  opacity: 0;
}
#dashboard-content emph {
  color: #2068e4;
  font-family: Ploni-SemiBold;
  font-size: 3.6rem;
  font-weight: normal;
}
#dashboard-content .chart-title {
  width: 100%;
  text-align: center;
  font-family: Ploni-Light;
  font-size: 3.1rem;
  font-weight: normal;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 5rem;
  -moz-flex: 0 1 5rem;
  -ms-flex: 0 1 5rem;
  flex: 0 1 5rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
#dashboard-content .chart-title > span {
  position: absolute;
  -webkit-transition: 0.3s ease-out 0.1s;
  transition: 0.3s ease-out 0.1s;
}
#dashboard-content .chart-title > span.ng-enter {
  opacity: 0;
  -webkit-transform: translateY(1.5rem);
  transform: translateY(1.5rem);
}
#dashboard-content .chart-title > span.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#dashboard-content .chart-title > span.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#dashboard-content .chart-title > span.ng-leave.ng-leave-active {
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0;
}
#dashboard-content .chart-title .total-value,
#dashboard-content .chart-title .type-value {
  color: #1b5ece;
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
}
#dashboard-content .chart-footer {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
  text-align: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 5rem;
  -moz-flex: 0 1 5rem;
  -ms-flex: 0 1 5rem;
  flex: 0 1 5rem;
}
#dashboard-content .chart-footer > div {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Ploni-Light;
  font-size: 2.1rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 2rem;
}
#dashboard-content .chart-footer > div > span {
  position: absolute;
  -webkit-transition: 0.3s ease-out 0.1s;
  transition: 0.3s ease-out 0.1s;
}
#dashboard-content .chart-footer > div > span.ng-enter {
  opacity: 0;
  -webkit-transform: translateY(1.5rem);
  transform: translateY(1.5rem);
}
#dashboard-content .chart-footer > div > span.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#dashboard-content .chart-footer > div > span.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#dashboard-content .chart-footer > div > span.ng-leave.ng-leave-active {
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0;
}
#dashboard-content .chart-data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
  margin: 1.5rem;
}
#dashboard-content .chart-data > .gap {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 2%;
  -moz-flex: 1 1 2%;
  -ms-flex: 1 1 2%;
  flex: 1 1 2%;
}
#dashboard-content .chart-drawing {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 74%;
  -moz-flex: 1 1 74%;
  -ms-flex: 1 1 74%;
  flex: 1 1 74%;
}
#dashboard-content .chart-legend {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 24%;
  -moz-flex: 1 1 24%;
  -ms-flex: 1 1 24%;
  flex: 1 1 24%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  min-width: 12rem;
}
#dashboard-content .chart-legend tiles {
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem 0;
}
#dashboard-content .chart-legend tiles tile {
  margin: 0.2rem 0.5rem;
}
#dashboard-content .chart-legend .stacked-panel {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
#dashboard-content .chart-legend-item {
  padding: 0.2rem;
  min-height: 2.5rem;
  width: 100%;
  color: #000;
  text-align: right;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
  position: relative;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
#dashboard-content .chart-legend-item .color {
  position: relative;
  align-self: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 2rem;
  -moz-flex: 0 0 2rem;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  padding: 0.25rem 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#dashboard-content .chart-legend-item .color:before {
  content: 'lens';
  border-radius: 50%;
}
#dashboard-content .chart-legend-item .color:after {
  content: attr(value);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 90%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
}
#dashboard-content .chart-legend-item .label {
  position: relative;
  padding: 0.3rem 0.1rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
#dashboard-content calsale-chart {
  width: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
#dashboard-content calsale-chart.ng-enter {
  opacity: 0;
  -webkit-transform: translateX(-5rem);
  transform: translateX(-5rem);
}
#dashboard-content calsale-chart.ng-enter.ng-enter-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#dashboard-content calsale-chart.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#dashboard-content calsale-chart.ng-leave.ng-leave-active {
  -webkit-transform: translateX(5rem);
  transform: translateX(5rem);
  opacity: 0;
}
#dashboard-content calsale-chart header {
  width: auto;
  background: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  color: #1e71ff;
  text-shadow: 0 1px 1px #6e6e6e;
}
#dashboard-content calsale-chart header .title {
  font-family: Ploni-SemiBold;
  font-size: 3.6rem;
  font-weight: normal;
}
#dashboard-content calsale-chart header .total {
  padding: 0 0 0 0.5rem;
  font-family: Ploni-Bold;
  font-size: 3rem;
  font-weight: normal;
}
#opportunities-content form form-section:first-child h2 span {
  margin: 0;
}
#opportunities-content form form-label.search-brief span {
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
}
#opportunities-content form print-button button {
  min-height: 4rem;
  box-shadow: none;
}
#opportunities-content .view-switch,
#opportunities-content .print-button {
  margin-right: 1rem / 2 !important;
  margin-left: 1rem / 2 !important;
}
#opportunities-content .opportunities-grid {
  background: #fff;
  background-color: #fff;
  margin: 1rem 0;
  padding: 0;
  width: 100%;
  display: block;
  overflow: hidden;
}
#opportunities-content table {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  /* Track */
  /* Handle */
  border-collapse: collapse;
  display: block;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
#opportunities-content table.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
}
#opportunities-content table.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#opportunities-content table.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#opportunities-content table.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  opacity: 0;
}
#opportunities-content table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  padding: 0.5rem;
  margin: 2px 2px 2px 0;
}
#opportunities-content table::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #dcdcdc;
  background-color: #dcdcdc;
}
#opportunities-content table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #2068e4;
  background-color: #2068e4;
}
#opportunities-content table::-webkit-scrollbar-thumb:window-inactive {
  background: #2068e4;
  background-color: #2068e4;
}
#opportunities-content table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
#opportunities-content table th {
  padding: 0.5rem 0.5rem 2.2rem;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  color: #1b5ece;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  letter-spacing: 0.015rem;
  vertical-align: bottom;
  text-align: center;
  position: relative;
  /*&:nth-child(even):not([active="true"]) {
                .background(@X02);
            }*/
}
#opportunities-content table th:after {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #b4b4b4;
}
#opportunities-content table th[active] {
  cursor: pointer;
}
#opportunities-content table th sorter {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 3px;
  height: 24px;
  width: 24px;
  color: #1b5ece;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#opportunities-content table th sorter:before {
  content: 'chevron_left';
}
#opportunities-content table th[active='true'] {
  color: #ff00a7;
}
#opportunities-content table th[active='true'] > sorter {
  color: #ff00a7;
}
#opportunities-content table th[active='true'] > sorter[order='desc'] {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#opportunities-content table th[active='true'] > sorter[order='asc'] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#opportunities-content table th.xs {
  width: 5%;
}
#opportunities-content table th.sm {
  width: 7%;
}
#opportunities-content table th.md {
  width: 9%;
}
#opportunities-content table td {
  color: #464646;
  padding: 1rem;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: right;
  cursor: default;
  vertical-align: bottom;
  position: relative;
  letter-spacing: 0.01rem;
}
#opportunities-content table td.ng-enter {
  opacity: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#opportunities-content table td.ng-enter.ng-enter-active {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 1;
}
#opportunities-content table td.ng-leave {
  opacity: 1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
#opportunities-content table td.ng-leave.ng-leave-active {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 0;
}
#opportunities-content table td:first-child span {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#opportunities-content table td pdf-print-button {
  display: block;
}
#opportunities-content table td span,
#opportunities-content table td pdf-print-button,
#opportunities-content table td content,
#opportunities-content table td icon,
#opportunities-content table td button {
  z-index: 1;
  position: relative;
  transition: none !important;
}
#opportunities-content table td:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
#opportunities-content table td:after {
  top: 0;
  bottom: 0;
}
#opportunities-content table td button.primary-button {
  min-height: 4rem;
  min-width: 4rem;
}
#opportunities-content table tr:nth-child(even) {
  /*.background(@C2) !important;*/
}
#opportunities-content table tr td:not(:first-of-type) {
  /*border-right: 1px solid @A8;*/
}
#opportunities-content table tr th:not(:first-of-type) {
  /*border-right: 1px solid @A8;*/
}
#opportunities-content table tr:not(:last-of-type) td {
  border-bottom: 1px solid #c8c8c8;
}
#opportunities-content table tr:hover td {
  color: #141414;
}
#opportunities-content table tr:hover td:after {
  background: #ffe9f8;
  background-color: #ffe9f8;
  z-index: 0;
}
#opportunities-content table tr:hover td loan amount span,
#opportunities-content table tr:hover td loan payments span,
#opportunities-content table tr:hover td loan amount format,
#opportunities-content table tr:hover td loan payments format {
  z-index: 111;
}
#opportunities-content table tr:hover td loan amount span > numeric-label,
#opportunities-content table tr:hover td loan payments span > numeric-label,
#opportunities-content table tr:hover td loan amount format > numeric-label,
#opportunities-content table tr:hover td loan payments format > numeric-label,
#opportunities-content table tr:hover td loan amount span > currency-symbol,
#opportunities-content table tr:hover td loan payments span > currency-symbol,
#opportunities-content table tr:hover td loan amount format > currency-symbol,
#opportunities-content table tr:hover td loan payments format > currency-symbol {
  color: #005eff;
}
#opportunities-content table loan {
  padding: 0.5rem 0 0;
  display: block;
}
#opportunities-content table loan amount,
#opportunities-content table loan payments {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#opportunities-content table loan amount span,
#opportunities-content table loan payments span,
#opportunities-content table loan amount format,
#opportunities-content table loan payments format {
  white-space: nowrap;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#opportunities-content table loan amount span > numeric-label,
#opportunities-content table loan payments span > numeric-label,
#opportunities-content table loan amount format > numeric-label,
#opportunities-content table loan payments format > numeric-label,
#opportunities-content table loan amount span > currency-symbol,
#opportunities-content table loan payments span > currency-symbol,
#opportunities-content table loan amount format > currency-symbol,
#opportunities-content table loan payments format > currency-symbol {
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
  color: #003388;
}
@media only screen and (max-width: 768px) {
  #opportunities-content table th {
    font-family: Ploni-Bold;
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0;
    padding: 1.5rem 0.5rem 0.5rem;
    text-shadow: none;
  }
  #opportunities-content table th sorter {
    left: 3px;
    top: 1px;
  }
  #opportunities-content table th sorter:before {
    content: 'chevron_left';
    font-size: 0.8rem;
  }
  #opportunities-content table td {
    padding: 0.5rem;
    font-family: Ploni-SemiBold;
    font-size: 1.5rem;
    font-weight: normal;
  }
}
#loan-content form {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
}
#loan-content form > form-section:first-child {
  padding: 0;
}
#loan-content .referrer-form-container {
  flex: 0 1 auto !important;
}
#loan-content referrer-form {
  transition: 0.3s ease-out;
}
#loan-content referrer-form.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
}
#loan-content referrer-form.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#loan-content referrer-form.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#loan-content referrer-form.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -2rem, 0);
  transform: translate3d(0, -2rem, 0);
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #loan-content .loan-sale-iframe {
    width: 74% !important;
  }
}
#loan-content .loan-sale-iframe {
  transition: 0.5s ease-out 1.3s;
  position: relative;
  /*-webkit-overflow-scrolling: touch;*/
  display: block;
  overflow-y: scroll;
}
#loan-content .loan-sale-iframe.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 7rem, 0);
  transform: translate3d(0, 7rem, 0);
}
#loan-content .loan-sale-iframe.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#loan-content .loan-sale-iframe.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#loan-content .loan-sale-iframe.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -2rem, 0);
  transform: translate3d(0, -2rem, 0);
  opacity: 0;
}
#loan-content form-section:first-of-type {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
}
#loan-content form-section:first-of-type h2 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
#loan-content form-section:first-of-type iframe-loader {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
}
#loan-content form-section:first-of-type iframe {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /*max-width: 992px;*/
  width: 100%;
  margin: 0 auto;
  background: #fff;
  background-color: #fff;
  /*-webkit-overflow-scrolling: touch;*/
  /*min-height:1200px;*/
}
#loan-content form-section:last-of-type {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
}
#loan-content form-section:last-of-type.home-button {
  align-self: flex-end;
}
@media (min-width: 468px) {
  #offer-content .referer-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #offer-content .referer-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#offer-content .conversion-message {
  margin: 1rem 0 0;
  transition: 0.8s;
  transition-delay: 0s;
  transform-origin: 50% 50%;
}
#offer-content .conversion-message.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#offer-content .conversion-message.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#offer-content .conversion-message.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#offer-content .conversion-message.ng-leave.ng-leave-active {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
#offer-content .conversion-message div.inner-message {
  padding: 1rem;
  background: #dadeea;
  background-color: #dadeea;
  border-radius: 10px;
}
@media (min-width: 468px) {
  #offer-content .offer-major-clubs tile,
  #offer-content .offer-minor-clubs tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #offer-content .offer-major-clubs tile,
  #offer-content .offer-minor-clubs tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #offer-content .offer-major-clubs tile,
  #offer-content .offer-minor-clubs tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #offer-content .offer-major-clubs tile,
  #offer-content .offer-minor-clubs tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#offer-content .offer-major-clubs tile.active .panel {
  border: none;
}
#offer-content .offer-major-clubs tile.active .panel .logo-image img {
  opacity: 1;
  transform: scale(1.1);
}
#offer-content .offer-major-clubs .panel {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 468px) {
  #offer-content .offer-cards tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #offer-content .offer-cards tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#offer-content .offer-cards .panel {
  min-height: 7rem;
}
#offer-content .panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  font-family: Ploni-Medium;
  font-size: 1.9rem;
  font-weight: normal;
}
#offer-content .panel .card-digits {
  font-family: Ploni-Regular;
  font-size: 2rem;
  font-weight: normal;
}
#offer-content .panel .card-brand {
  font-family: Ploni-Regular;
  font-size: 1.6rem;
  font-weight: normal;
}
#offer-content .panel .card-desc {
  font-family: Ploni-Regular;
  font-size: 1.4rem;
  font-weight: normal;
}
#offer-content .panel .card-clubs {
  font-family: Ploni-Regular;
  font-size: 1.2rem;
  font-weight: normal;
}
#offer-content .panel .header {
  padding-top: 1.4rem;
  transition: 0.2s ease-out;
  flex: 0 0 auto;
  text-align: center;
  line-height: 1;
}
#offer-content .panel .content-area {
  flex: 1 1 auto;
}
#offer-content .panel .logo-image {
  z-index: 1;
}
#offer-content .panel .logo-image img {
  opacity: 0.7;
  transition: 0.55s ease-out;
}
#offer-content .panel:hover {
  color: #1b5ece;
}
#offer-content .panel:hover .logo-image img {
  opacity: 1;
  transform: scale(1.4);
}
#offer-content .logo-image {
  position: relative;
  border-radius: 50%;
  border: 1px solid #c8c8c8;
  overflow: hidden;
  background: #fff;
  background-color: #fff;
  height: inherit;
  width: inherit;
}
#offer-content .logo-image img {
  display: block;
  max-height: none;
  margin: 0 auto;
  max-width: 10rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media (min-width: 468px) {
  #offer-content product-type,
  #offer-content has-card {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#offer-content inner-product,
#offer-content inner-has-card {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #offer-content inner-product,
  #offer-content inner-has-card {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #offer-content offer-type,
  #offer-content product-type,
  #offer-content brand {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #offer-content offer-type,
  #offer-content product-type,
  #offer-content brand {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #offer-content brand {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #offer-content brand {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #offer-content referrer-name,
  #offer-content referrer-id {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #offer-content referrer-name,
  #offer-content referrer-id {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#customer-content .customer-address-label {
  margin: 0;
}
#customer-content form heb-name,
#customer-content form eng-name {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #customer-content form heb-name,
  #customer-content form eng-name {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #customer-content form heb-name firstname,
  #customer-content form eng-name firstname,
  #customer-content form heb-name lastname,
  #customer-content form eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form heb-name firstname,
  #customer-content form eng-name firstname,
  #customer-content form heb-name lastname,
  #customer-content form eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #customer-content form heb-name firstname,
  #customer-content form eng-name firstname,
  #customer-content form heb-name lastname,
  #customer-content form eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #customer-content form heb-name firstname,
  #customer-content form eng-name firstname,
  #customer-content form heb-name lastname,
  #customer-content form eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#customer-content form membership-required binary-switch {
  padding-top: 2rem;
}
@media (min-width: 468px) {
  #customer-content form residence-type,
  #customer-content form transportation,
  #customer-content form marital-status,
  #customer-content form education {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #customer-content form email,
  #customer-content form mail-address {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form email,
  #customer-content form mail-address {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form email,
  #customer-content form mail-address {
    margin-left: 50%;
    margin-right: 0;
  }
}
#customer-content form monthly-housing-amount binary-switch {
  position: absolute;
  left: 0;
  bottom: 0.2rem;
}
#customer-content form monthly-housing-amount model-rule-template {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #customer-content form monthly-housing-amount model-rule-template {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#customer-content form monthly-housing-amount model-rule-template monthly-housing-widget > label > binary-switch {
  float: left;
}
#customer-content form street-details {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #customer-content form street-details {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form street-details {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#customer-content form street-details > label {
  padding-right: 1rem / 2 !important;
  padding-left: 1rem / 2 !important;
}
@media (min-width: 468px) {
  #customer-content form street-details house-number,
  #customer-content form street-details apt-number,
  #customer-content form street-details entrance {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #customer-content form household-income-template cards-household-income {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #customer-content form household-income-template loans-household-income {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form household-income-template loans-household-income {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #customer-content form household-income-template loans-household-income {
    margin-left: 50%;
    margin-right: 0;
  }
}
#summary-content .section-content,
#vehicle-loan-disclosure .section-content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
@media (min-width: 468px) {
  #summary-content .section-content,
  #vehicle-loan-disclosure .section-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#summary-content paper,
#vehicle-loan-disclosure paper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
#summary-content .key-value-block,
#vehicle-loan-disclosure .key-value-block {
  padding: 1rem 0 1.5rem 0;
}
#summary-content .key-value-row,
#vehicle-loan-disclosure .key-value-row {
  padding: 0.5rem 0;
}
#debits-content .sole-beneficiary-notice {
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
#debits-content .sole-beneficiary-notice.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
#debits-content .sole-beneficiary-notice.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#debits-content .sole-beneficiary-notice.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#debits-content .sole-beneficiary-notice.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
}
@media (min-width: 468px) {
  #debits-content form brand,
  #debits-content form card-type,
  #debits-content form card-number,
  #debits-content form card-expiration,
  #debits-content form card-usage,
  #debits-content form expense-amount,
  #debits-content form account-name,
  #debits-content form alternative-account-name,
  #debits-content form id-spouse,
  #debits-content form marital-status,
  #debits-content form bank-account-type {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #debits-content form brand,
  #debits-content form card-type,
  #debits-content form card-number,
  #debits-content form card-expiration,
  #debits-content form card-usage,
  #debits-content form expense-amount,
  #debits-content form account-name,
  #debits-content form alternative-account-name,
  #debits-content form id-spouse,
  #debits-content form marital-status,
  #debits-content form bank-account-type {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #debits-content form debit-date {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#debits-content form debit-date checkbox {
  padding-right: 0 !important;
}
@media (min-width: 560px) {
  #debits-content form debit-date checkbox {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #debits-content form account-seniority {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#debits-content form bank-details {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #debits-content form bank-details {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #debits-content form bank-details bank-id,
  #debits-content form bank-details bank-branch,
  #debits-content form bank-details bank-account {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #debits-content form bank-details bank-id,
  #debits-content form bank-details bank-branch,
  #debits-content form bank-details bank-account {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #debits-content form loans-debit-day-options > checkbox > choice {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #debits-content form loans-debit-day-options > checkbox > choice {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#proposals-content .benefit-panel {
  padding: 1rem 2rem;
}
#proposals-content button.interests-dictionary-trigger {
  color: #003388;
  cursor: pointer;
  display: inline-flex;
}
#proposals-content card-proposals-template .arrears-comment {
  color: #141414;
  padding: 1rem 0;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
#proposals-content card-proposals-template .id-issue-date form-label {
  color: #141414;
  display: flex;
  flex-direction: column;
  margin: 0.3rem;
}
#proposals-content card-proposals-template .id-issue-date form-label small {
  margin: 0;
}
#proposals-content card-proposals-template .id-issue-date form-label mandatory-label {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
#proposals-content card-proposals-template button[name='fullDisclosure'] {
  width: 100%;
  margin: 0;
}
#proposals-content card-proposals-template button[name='fullDisclosure'].active {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content card-proposals-template button[name='fullDisclosure'].active:before {
  content: 'check';
  padding: 0 1rem;
}
#proposals-content card-proposals-template benefits-summary {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  color: #6e6e6e;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
}
#proposals-content card-proposals-template benefits-summary > span {
  display: inline-block;
  min-width: 1.1rem;
  text-align: right;
}
#proposals-content card-proposals-template benefits-summary > span > span {
  display: inline-block;
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
  color: #2068e4;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#proposals-content card-proposals-template benefits-summary > span > span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
#proposals-content card-proposals-template benefits-summary > span > span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#proposals-content card-proposals-template benefits-summary > span > span.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#proposals-content card-proposals-template benefits-summary > span > span.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  opacity: 0;
}
#proposals-content card-proposals-template [credit-plans] > error {
  margin-right: 1.5rem;
}
#proposals-content card-proposals-template .benefit-list > header {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0.5rem 0;
  color: #464646;
}
#proposals-content card-proposals-template .benefit-list benefit-item {
  display: block;
  border-bottom: 1px dashed #fff;
}
#proposals-content card-proposals-template .benefit-list benefit-item icon {
  opacity: 0.6;
}
#proposals-content card-proposals-template .benefit-list benefit-item[indent='md'] {
  margin-right: 1rem;
}
#proposals-content card-proposals-template .benefit-list benefit-item > icon {
  padding-left: 1rem;
}
#proposals-content card-proposals-template .benefit-list benefit-item:last-child {
  border-bottom: none;
}
#proposals-content card-proposals-template .benefit-list error {
  margin-top: 1rem;
}
@media (min-width: 560px) {
  #proposals-content card-proposals-template .benefit-list tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #proposals-content card-proposals-template .benefit-list tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #proposals-content card-proposals-template .benefit-list tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#proposals-content card-proposals-template .benefit-list tiles tile panel content {
  padding-top: 1rem;
  padding-right: 4rem;
}
#proposals-content card-proposals-template .benefits {
  width: 100%;
  float: none;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
#proposals-content card-proposals-template tiles {
  min-height: 8rem;
}
#proposals-content card-proposals-template tiles[name='productProposals'] {
  width: 100% !important;
  float: none !important;
  min-height: 42rem;
  overflow: visible;
  /*-webkit-overflow-scrolling: touch;*/
}
#proposals-content card-proposals-template tiles[name='productProposals'] > tile {
  min-height: 16em;
}
@media (min-width: 468px) {
  #proposals-content card-proposals-template tiles[name='productProposals'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #proposals-content card-proposals-template tiles[name='productProposals'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #proposals-content card-proposals-template tiles[name='productProposals'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #proposals-content card-proposals-template tiles[name='productProposals'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#proposals-content card-proposals-template tiles[name='productProposals'] > tile.active > proposal > header > content {
  letter-spacing: 0.08rem;
}
#proposals-content card-proposals-template .proposal {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin: 1.3rem;
  overflow: hidden;
}
#proposals-content card-proposals-template .proposal .bonuses {
  padding: 0 0 1rem 0;
}
#proposals-content card-proposals-template .proposal ul.bonus-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 2rem 0 0 0;
}
#proposals-content card-proposals-template .proposal li.bonus-item {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 0 0.2rem 0.5rem 0.5rem;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
}
#proposals-content card-proposals-template .proposal li.bonus-item .icon-gift {
  padding: 0 0 0 1rem;
}
#proposals-content card-proposals-template submit button {
  float: left;
}
#proposals-content card-proposals-template .nav-tabs li a > icon {
  font-style: normal;
  padding-left: 8px;
}
#proposals-content card-proposals-template .nav-tabs li a > icon:before {
  content: 'star_border';
}
@media (min-width: 468px) {
  #proposals-content card-proposals-template loan-offer {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#proposals-content loan-proposals-template {
  /*.disclosure-footer, .config-footer {
            transition: .8s cubic-bezier(.73,1.71,.57,.83);
            transform-origin: right center;
            .box(row, row-between, centyer, nowrap);
            .transform-from-to(translate3d(0,2rem,0), translate3d(0,0,0), null, translate3d(0,1rem,0));
        }*/
  /*.interest-list-button {
            position: absolute;
            left: -3rem;
            top: 0;
            height: 2.5rem;
            width: 2.8rem;
            border-radius: 50%;
            .transparent();
            cursor: pointer;
            z-index: 10;

            &.disabled {
                .transparent();
                color: @X35;
            }

            &.showing-list {
                icon {
                    color: @Y0;
                    transform: rotate(360deg);
                }
            }

            icon {
                left: 0;
                top: 0;
                position: absolute;
                z-index: 1;
                transition: 1s cubic-bezier(.73,1.71,.57,.83);
                //transform: rotate(-180deg);
            }

            content {
                .color(@X85);
                .background(@D2);
                .regular-font(@sm-plus-font);
                opacity: .9;
                z-index: 0;
                text-align: right;
                border-radius: 18px;
                padding: 4rem 0 2.5rem 0;
                left: -0.2rem;
                top: -0.2rem;
                display: block;
                transform-origin: 5% 5%;
                position: absolute;
                transition: .5s cubic-bezier(.73,1.71,.57,.83);
                box-shadow: 0 16px 30px -5px rgba(0, 0, 0, 0.4), 0 16px 40px -27px rgba(0, 0, 0, 0.6);
                .transform-from-to(scale(.6) rotate(10deg), scale(1) rotate(0deg), scale(1) rotate(0deg), scale(.8) rotate(-10deg), 0.95);
            }
        }*/
}
#proposals-content loan-proposals-template .loan-amount-message {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #f33a55;
}
#proposals-content loan-proposals-template .loan-amount-message .favorite-icon {
  width: 3rem;
  height: 3rem;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .loan-amount-message .favorite-icon icon {
  margin: auto;
  color: #f33a55;
  position: absolute;
  -webkit-animation-name: infinite-radiate-pulse;
  animation-name: infinite-radiate-pulse;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
#proposals-content loan-proposals-template .interest-list li {
  margin-bottom: 0.6rem;
}
#proposals-content loan-proposals-template tiles.stacked > tile:not(:last-child):after {
  background: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
}
#proposals-content loan-proposals-template .loan-interest.content-area {
  min-height: 25rem;
  min-width: 28rem;
  border: none;
  border-radius: 0;
  position: relative;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  padding: 0.25rem 1rem;
}
#proposals-content loan-proposals-template content[loan-interest-list] h4 {
  padding: 0 1rem;
}
#proposals-content loan-proposals-template .interest-list-item {
  padding: 0.25rem 1rem;
  font-family: Ploni-Regular;
  font-size: 1.9rem;
  font-weight: normal;
}
#proposals-content loan-proposals-template .loan-paper paper-footer {
  min-height: 7rem;
}
#proposals-content loan-proposals-template .loan-paper paper-header {
  position: relative;
  overflow: hidden;
  min-height: 5rem;
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon,
#proposals-content loan-proposals-template .loan-paper paper-header > content {
  position: absolute;
  display: block;
  transition: 0.8s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon.ng-enter,
#proposals-content loan-proposals-template .loan-paper paper-header > content.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon.ng-enter.ng-enter-active,
#proposals-content loan-proposals-template .loan-paper paper-header > content.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon.ng-leave,
#proposals-content loan-proposals-template .loan-paper paper-header > content.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon.ng-leave.ng-leave-active,
#proposals-content loan-proposals-template .loan-paper paper-header > content.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -1.5rem, 0);
  transform: translate3d(0, -1.5rem, 0);
  opacity: 0;
}
#proposals-content loan-proposals-template .loan-paper paper-header > icon {
  width: 6rem;
}
#proposals-content loan-proposals-template .loan-paper paper-header > content {
  right: 6rem;
}
#proposals-content loan-proposals-template template-wizard {
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  flex: 1;
  position: relative;
}
#proposals-content loan-proposals-template template-wizard .wizard-content {
  display: flex;
  flex: 1;
  position: relative;
  box-shadow: inset 0 0 6px -1px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}
#proposals-content loan-proposals-template template-wizard .template {
  padding: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transform-origin: center center;
  flex: 1;
  border-radius: 6px;
}
#proposals-content loan-proposals-template template-wizard .template.ng-enter {
  position: absolute;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0.4s;
  transform: translate3d(0, 10%, 0) scale(0.96);
}
#proposals-content loan-proposals-template template-wizard .template.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
#proposals-content loan-proposals-template template-wizard .template.ng-leave {
  position: absolute;
  opacity: 1;
  transition: 0.6s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  transform: translate3d(0, 0, 0) scale(1);
}
#proposals-content loan-proposals-template template-wizard .template.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translate3d(0, -20%, 0) scale(0.98);
}
#proposals-content loan-proposals-template loan-disclosure {
  border-radius: 6px;
}
#proposals-content loan-proposals-template .section-header {
  color: #a9b1ca;
  font-family: Ploni-SemiBold;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0 0 1rem 0;
}
#proposals-content loan-proposals-template .disclosure-content {
  position: relative;
  /*> div {
                padding: 0 1rem;
            }*/
}
#proposals-content loan-proposals-template .disclosure-content:not(:last-child):after {
  content: '';
  position: absolute;
  height: 1px;
  background-color: rgba(202, 208, 225, 0.45);
  left: 2px;
  right: 2px;
  bottom: -1rem;
}
#proposals-content loan-proposals-template .emph-size {
  /*.regular-font(1.8rem);*/
  letter-spacing: 0.02rem;
}
#proposals-content loan-proposals-template .loan-disclosure-payments {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#proposals-content loan-proposals-template .config-slider {
  /*height: 400px;*/
}
#proposals-content loan-proposals-template .profile-param-range {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#proposals-content loan-proposals-template .param-range-section {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#proposals-content loan-proposals-template .param-range-section label {
  padding: 0 0.3rem;
}
#proposals-content loan-proposals-template .loan-disclosure-brief {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .loan-disclosure-brief > div:not(:first-child) {
  padding: 0 0.3rem 0 0;
}
#proposals-content loan-proposals-template .profile-underwriting .paragraph {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#proposals-content loan-proposals-template .profile-underwriting .paragraph > span:first-child {
  padding-left: 0.5rem;
}
#proposals-content loan-proposals-template .profile-underwriting .paragraph > span:last-child {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
}
#proposals-content loan-proposals-template paper {
  flex: 1;
}
#proposals-content loan-proposals-template .loan-config-board {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -moz-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  padding: 1rem 0 0;
  min-height: 44rem;
}
#proposals-content loan-proposals-template .loan-config-board-content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /*border: 2px dotted red;*/
  padding: 4rem 0 0;
}
#proposals-content loan-proposals-template .loan-amount-tooltip,
#proposals-content loan-proposals-template .refund-tooltip,
#proposals-content loan-proposals-template .payments-tooltip {
  direction: rtl;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
#proposals-content loan-proposals-template .loan-amount-tooltip span,
#proposals-content loan-proposals-template .refund-tooltip span,
#proposals-content loan-proposals-template .payments-tooltip span,
#proposals-content loan-proposals-template .loan-amount-tooltip small,
#proposals-content loan-proposals-template .refund-tooltip small,
#proposals-content loan-proposals-template .payments-tooltip small {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .profile-panel {
  position: relative;
  min-height: 10rem;
}
#proposals-content loan-proposals-template .config-slider {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .slider-wrapper {
  /*.flex(1, 1, 70%);*/
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /*color: @D0;*/
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value .currency {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  color: #6e6e6e;
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value .value {
  color: #6e6e6e;
  padding-left: 2px;
  font-family: Ploni-Light;
  font-size: 2.1rem;
  font-weight: normal;
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value-sub {
  transform: translate3d(-1rem, 50%, 0);
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value-sub .currency {
  font-size: 90%;
}
#proposals-content loan-proposals-template .slider-wrapper .noUi-pips .noUi-value-sub .value {
  font-size: 90%;
  color: red;
}
#proposals-content loan-proposals-template .slider-wrapper.busy {
  opacity: 0.5;
}
#proposals-content loan-proposals-template .slider-wrapper.passive .noUi-target {
  /*background-color: @X35;*/
}
#proposals-content loan-proposals-template .slider-wrapper.passive .noUi-vertical .noUi-handle {
  border: 3px solid #99a3c0;
  background-color: #cad0e1;
  color: #323232;
}
#proposals-content loan-proposals-template .slider-wrapper.passive .noUi-tooltip {
  color: #6e6e6e;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  border: 3px solid #99a3c0;
  background-color: #cad0e1;
}
@media (min-width: 468px) {
  #proposals-content loan-proposals-template .profile-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #proposals-content loan-proposals-template .profile-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #proposals-content loan-proposals-template .profile-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #proposals-content loan-proposals-template .profile-tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#proposals-content loan-proposals-template .loan-profiles {
  /*min-height: 60rem;

            @media (min-width: @screen-xs-min) {
                min-height: 21rem;
            }*/
}
#proposals-content loan-proposals-template .loan-config-paper,
#proposals-content loan-proposals-template .loan-profile-paper {
  /*min-height: 70vh;


            @media only screen and (max-width: @screen-md-min) {
                min-height: 30vh;
            }*/
}
#proposals-content loan-proposals-template .loan-config-paper {
  /*@media only screen and (max-width: @screen-md-min) {
                min-height: 48vh;
            }*/
}
#proposals-content loan-proposals-template .loan-config-paper paper-footer {
  height: 8rem;
}
#proposals-content loan-proposals-template .slider-element {
  align-self: center;
}
#proposals-content loan-proposals-template .slider-title {
  padding: 5.5rem 0 0;
  font-family: Ploni-SemiBold;
  font-size: 1.7rem;
  font-weight: normal;
  /*.flex(1, 0, 30%);*/
  text-align: center;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #8994b7;
  /*> span {
                border-bottom: 1px solid @C1;
            }*/
}
#proposals-content loan-proposals-template .slider-title .header {
  margin: 0.5rem auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .underwriting-stamp {
  position: absolute;
  left: 2rem;
  top: 2rem;
  max-width: 200px;
}
#proposals-content loan-proposals-template .underwriting-stamp .rubber-stamp {
  transform: rotate(-12deg);
  border: 0.5rem solid #a0a0a0;
  color: #a0a0a0;
  font-family: Ploni-SemiBold;
  font-size: 2.3rem;
  font-weight: normal;
  border-radius: 15px;
  padding: 1rem;
}
#proposals-content loan-proposals-template .underwriting-stamp .rubber-stamp.approved {
  border: 0.5rem solid #63dbbb;
  color: #63dbbb;
}
#proposals-content loan-proposals-template .underwriting-stamp .rubber-stamp.rejected {
  border: 0.5rem solid #ff6f84;
  color: #ff6f84;
}
#proposals-content loan-proposals-template .underwriting-stamp .rubber-stamp.pending {
  border: 0.5rem solid #a0a0a0;
  color: #a0a0a0;
}
#proposals-content loan-proposals-template .slider-sub-title {
  color: #26bb94;
  font-family: Ploni-Regular;
  font-size: 1.6rem;
  font-weight: normal;
  transition: 0.4s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  transform-origin: center center;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#proposals-content loan-proposals-template .slider-sub-title.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
}
#proposals-content loan-proposals-template .slider-sub-title.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#proposals-content loan-proposals-template .slider-sub-title.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#proposals-content loan-proposals-template .slider-sub-title.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  opacity: 0;
}
#proposals-content loan-proposals-template .slider-sub-title input,
#proposals-content loan-proposals-template .slider-sub-title error {
  width: 60%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #proposals-content loan-proposals-template .slider-sub-title input,
  #proposals-content loan-proposals-template .slider-sub-title error {
    width: 80%;
  }
}
#proposals-content loan-proposals-template .slider-sub-title input {
  display: block;
  margin: auto;
  text-align: center !important;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  height: 5rem;
  color: #2068e4;
}
#proposals-content loan-proposals-template format[expression] .expression {
  letter-spacing: 0.03rem;
}
#proposals-content loan-proposals-template .loan-amount-popover {
  width: 35rem;
}
beneficiaries-list {
  width: 100%;
}
.list-beneficiaries {
  width: 100%;
}
.list-beneficiaries .beneficiery-item {
  margin: 0.5rem;
  color: #ffffff;
  background: #a9b1ca;
  background-color: #a9b1ca;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  padding: 0;
  min-height: 4.5rem !important;
  position: relative;
  line-height: 1.4rem;
  border-radius: 6px;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-right: 0;
  text-shadow: 0 1px 2px #5a5a5a;
  font-family: ploni-regular;
  font-size: 1.6rem;
}
.list-beneficiaries .beneficiery-item .beneficiery-text {
  margin-right: 1rem;
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
}
.list-beneficiaries .beneficiery-item .beneficiery-actions {
  padding: 0 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.list-beneficiaries .beneficiery-item .beneficiery-actions :first-child {
  padding: 0 2rem;
}
.list-beneficiaries .beneficiery-item .beneficiery-actions icon {
  color: #ffffff;
}
new-beneficiary-form ~ .actions {
  display: flex;
}
new-beneficiary-form ~ .actions > button {
  font-size: 1.3rem;
}
new-beneficiary-form ~ .actions > *:nth-child(2n + 0) {
  margin-right: 1.5rem;
}
new-beneficiary-form ~ .actions > button.cancel > icon {
  color: darkred;
}
#upsales-content > error {
  position: absolute;
  display: block;
  margin-right: 0 !important;
  padding-right: 1rem / 2 !important;
  padding-left: 1rem / 2 !important;
  width: 100%;
}
#upsales-content > error > * {
  width: 100%;
}
#upsales-content .card-list {
  padding: 1rem 0;
}
#upsales-content .card-list card > div {
  color: #6e6e6e;
  background: #dff5ff;
  background-color: #dff5ff;
  border-radius: 20px;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  aspect-ratio: 1.63;
  height: 160px;
  margin: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  min-height: 4.5rem !important;
  line-height: 1.4rem;
  cursor: pointer;
  overflow: hidden;
  height: 16rem;
  box-shadow: 0 17px 25px -24px rgba(0, 0, 0, 0.3);
  position: relative;
}
#upsales-content .card-list card > div > * {
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
#upsales-content .card-list card > div > span.caption {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0.2rem 0.2rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
}
#upsales-content .card-list card > div > span.progress {
  position: absolute;
  bottom: 0;
  height: 4px;
  opacity: 1;
  width: 0;
  padding: 0;
  font-family: Ploni-Regular;
  font-size: 0;
  font-weight: normal;
  right: 0;
  z-index: -1;
  left: auto;
  top: auto;
  margin: 0;
  border-radius: 0;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -webkit-transition: width 0.5s linear;
  transition: width 0.5s linear;
}
#upsales-content .card-list card > div > icon:first-child {
  padding: 1rem;
}
#upsales-content .card-list card > div > icon:last-child {
  padding: 1rem;
  cursor: pointer;
  visibility: hidden;
  color: #fff;
}
#upsales-content .card-list card > div > icon:last-child:before {
  /*.pseudo-icon('close');*/
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#upsales-content .card-list card > div > icon:last-child:before {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  margin: 0 auto;
  border: none;
  width: 1.2rem;
  height: 1.2rem;
}
#upsales-content .card-list card > div[status='pristine'] span.progress {
  z-index: 1;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
#upsales-content .card-list card > div[status='active'] span.caption {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#upsales-content .card-list card > div[status='active'] span.progress {
  z-index: 1;
  opacity: 0.7;
}
#upsales-content .card-list card > div[status='resolved'][valid='false'] {
  background: #ffb6c1;
  background-color: #ffb6c1;
}
#upsales-content .card-list card > div[status='resolved'][valid='false'] > * {
  color: #323232;
}
#upsales-content .card-list card > div[status='resolved'][valid='false'] > icon:first-child {
  color: #d30725;
}
#upsales-content .card-list card > div[status='resolved'][valid='false'] span.progress {
  z-index: 1;
  background: #d30725;
  background-color: #d30725;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] {
  color: #fff;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] > * {
  margin: auto;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] > span.progress {
  display: none;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] > span.caption {
  text-align: right;
  font-family: Ploni-Regular;
  font-size: 2.4rem;
  font-weight: normal;
}
#upsales-content .card-list card > div[status='resolved'][valid='true'] > icon:last-child {
  visibility: visible;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
#upsales-content .card-number {
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#upsales-content .card-number > button {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: 4.5rem !important;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 4.5rem;
  -moz-flex: 0 1 4.5rem;
  -ms-flex: 0 1 4.5rem;
  flex: 0 1 4.5rem;
  color: #1b5ece;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  top: 1rem;
  height: 3rem;
  margin: auto 0;
}
#upsales-content .card-number > button > icon:before {
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#upsales-content .card-number > button[disabled='disabled'] {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
  color: #828282 !important;
}
#upsales-content .card-number input {
  height: 4.5rem;
  padding: 0.3rem 2rem 0 7rem !important;
  letter-spacing: 0.1rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-family: Ploni-Regular;
  font-size: 1.7rem;
  font-weight: normal;
}
#upsales-content design-gallery {
  position: relative;
  min-height: 100% !important;
}
@media (min-width: 1024px) {
  #upsales-content design-gallery {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #upsales-content design-gallery {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#upsales-content design-gallery design-name {
  position: relative;
  display: inline-block;
  padding: 0 1rem 0;
}
#upsales-content design-gallery design-name > text-expand-effect {
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  white-space: nowrap;
}
#upsales-content design-gallery gallery-toolbar {
  padding: 0 2rem;
}
#upsales-content design-gallery gallery-toolbar categories-options div.design-category-legend {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-inline-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  border: none;
  margin: 0 auto;
  padding: 1rem 3rem !important;
}
#upsales-content design-gallery gallery-toolbar categories-options div.design-category-legend > span {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.08rem;
  color: #fff;
  padding: 0 0 0 2rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1.3rem !important;
  right: 0.8rem;
}
#upsales-content design-gallery gallery-toolbar categories-options div.design-category-legend > span:not(:last-child) {
  padding-left: 2rem;
}
#upsales-content design-gallery gallery-toolbar categories-options div.design-category-legend > span:before {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
  padding-left: 0.5rem;
  color: transparent;
  color: none;
}
#upsales-content design-gallery .design-category-icon-1:before,
#upsales-content design-gallery icon-1:before {
  content: 'thumb_up';
  color: #3396ff;
}
#upsales-content design-gallery .design-category-icon-2:before,
#upsales-content design-gallery icon-2:before {
  content: 'favorite';
  color: #ff2d2d;
}
#upsales-content design-gallery .design-category-icon-3:before,
#upsales-content design-gallery icon-3:before {
  content: 'star';
  color: #ff8713;
}
#upsales-content design-gallery tiles {
  position: relative;
  width: 100%;
  min-height: 30rem;
}
#upsales-content design-gallery tiles.active tile:not(.active) > panel {
  opacity: 0.6;
}
#upsales-content design-gallery tiles[content='designs'] > tile {
  position: relative;
}
@media (min-width: 468px) {
  #upsales-content design-gallery tiles[content='designs'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #upsales-content design-gallery tiles[content='designs'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #upsales-content design-gallery tiles[content='designs'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #upsales-content design-gallery tiles[content='designs'] > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#upsales-content design-gallery tiles[content='designs'] > tile > panel {
  overflow: hidden;
  opacity: 1;
  position: relative;
  margin: 3px;
}
#upsales-content design-gallery tiles[content='designs'] > tile > panel img {
  opacity: 0.7;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  display: block;
  max-width: 100%;
  height: auto;
}
#upsales-content design-gallery tiles[content='designs'] > tile > panel footer {
  padding: 0;
  width: 100%;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  min-height: 5rem;
  position: absolute;
  left: 0;
  opacity: 0;
  right: 0;
  z-index: -1;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease-out 0.6s;
  transition: 0.3s ease-out 0.6s;
  padding: 0.6rem 1.5rem;
  text-align: right;
  line-height: 1.1;
}
#upsales-content design-gallery tiles[content='designs'] > tile > panel footer serial {
  width: 100%;
  display: inline-block;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1;
  opacity: 0;
  letter-spacing: -1rem;
}
#upsales-content design-gallery tiles[content='designs'] > tile > panel footer span {
  display: inline-block;
  width: 100%;
  line-height: 1;
  opacity: 0;
  padding: 0;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: -1rem;
}
#upsales-content design-gallery tiles[content='designs'] > tile:hover {
  opacity: 1;
}
#upsales-content design-gallery tiles[content='designs'] > tile:hover img {
  opacity: 1;
  -webkit-transform: scale(1.2, 1.2) translate(-5px, -5px);
  transform: scale(1.2, 1.2) translate(-5px, -5px);
}
#upsales-content design-gallery tiles[content='designs'] > tile.active {
  opacity: 1;
}
#upsales-content design-gallery tiles[content='designs'] > tile.active > panel {
  opacity: 1;
}
#upsales-content design-gallery tiles[content='designs'] > tile.active > panel > footer {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: block;
  opacity: 1;
  z-index: 1;
}
#upsales-content design-gallery tiles[content='designs'] > tile.active > panel > footer span {
  -webkit-transition: 0.45s ease-out 0.5s;
  transition: 0.45s ease-out 0.5s;
  letter-spacing: 0;
  opacity: 1;
}
#upsales-content design-gallery tiles[content='designs'] > tile.active > panel > footer serial {
  opacity: 1;
  -webkit-transition: 0.75s ease-out 0.5s;
  transition: 0.75s ease-out 0.5s;
  letter-spacing: 0;
}
#documents-content .form-read-confirmation {
  padding-bottom: 3rem;
}
#documents-content .send-forms-action {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#documents-content .send-forms-action button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -moz-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
#documents-content .state-form {
  position: relative;
}
#documents-content tiles.view-only-forms document {
  min-height: 3rem;
}
#documents-content #print-forms-button {
  margin: 0 1.5rem 0;
}
#documents-content binary-switch.registered-ind {
  margin: 1.5rem 0 2rem;
}
#documents-content email {
  display: block;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
#documents-content email.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
}
#documents-content email.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#documents-content email.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#documents-content email.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  opacity: 0;
}
#documents-content comment.registered-mail-ind {
  margin: 2.2rem 0 0;
}
#documents-content form-section .mandatory-forms tiles {
  min-height: 10rem;
}
#documents-content form-section.ng-enter {
  opacity: 0;
  -webkit-transform: translateY(5rem);
  transform: translateY(5rem);
}
#documents-content form-section.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#documents-content form-section.ng-leave {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#documents-content form-section.ng-leave.ng-leave-active {
  -webkit-transform: translateY(5rem);
  transform: translateY(5rem);
  opacity: 0;
}
#documents-content form-section error {
  min-height: 1.8rem !important;
}
#documents-content form-section .action-trigger {
  padding: 2rem 0;
}
#documents-content form-section documents-print-check {
  display: block;
}
@media (min-width: 468px) {
  #documents-content form-section load-page-error,
  #documents-content form-section documents-print-check {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#documents-content h2[i-reverse='true'] {
  width: 230px !important;
}
#documents-content h2[i-reverse='true'] content {
  padding-left: 5px;
}
#documents-content .tiles-field {
  margin-bottom: 2rem;
}
@media (min-width: 468px) {
  #documents-content tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #documents-content tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #documents-content tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content .schedule-area {
  display: flex;
  flex-direction: column;
}
#shipping-content .schedule-area paper {
  margin: 0 0 2rem 0;
}
#shipping-content .schedule-area paper comment {
  margin: 2rem auto;
}
#shipping-content .schedule-area paper paper-footer {
  min-height: 5rem;
}
#shipping-content .schedule-area paper paper-content {
  padding-top: 0;
}
#shipping-content .schedule-area paper formatted-address {
  position: relative;
  display: inline-block;
  padding: 0 1rem 0;
  color: #6e6e6e;
}
#shipping-content .schedule-area paper formatted-address > span {
  font-family: Ploni-SemiBold;
  font-size: 2.4rem;
  font-weight: normal;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  display: inline-block;
  white-space: nowrap;
}
#shipping-content .schedule-area tiles.days {
  padding: 0.2rem 0.25rem 4rem 0.25rem;
}
#shipping-content .schedule-area tiles.days > tile {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 468px) {
  #shipping-content .schedule-area tiles.days > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #shipping-content .schedule-area tiles.days > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content .schedule-area tiles.days > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #shipping-content .schedule-area tiles.days > tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content .schedule-area tiles.days > tile.active day {
  color: #1b5ece;
  letter-spacing: 0.08rem;
}
#shipping-content .schedule-area tiles.days > tile.active day:before {
  color: #1b5ece;
}
#shipping-content .schedule-area schedule-options {
  position: relative;
  display: flex;
  height: 28rem;
  border-radius: 14px;
}
#shipping-content .schedule-area schedule-options.empty tiles {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
#shipping-content .schedule-area span.recalc-tip {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  color: #1b5ece;
  float: left;
  padding-left: 12%;
}
#shipping-content .schedule-area span.recalc-tip.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(5rem, 0, 0);
  transform: translate3d(5rem, 0, 0);
}
#shipping-content .schedule-area span.recalc-tip.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#shipping-content .schedule-area span.recalc-tip.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#shipping-content .schedule-area span.recalc-tip.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(5rem, 0, 0);
  transform: translate3d(5rem, 0, 0);
  opacity: 0;
}
#shipping-content .schedule-area button.recalc-schedule {
  position: absolute;
  left: 5%;
  bottom: -3rem;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  top: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 9999;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
#shipping-content .schedule-area button.recalc-schedule.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
#shipping-content .schedule-area button.recalc-schedule.ng-enter.ng-enter-active {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}
#shipping-content .schedule-area button.recalc-schedule.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#shipping-content .schedule-area button.recalc-schedule.ng-leave.ng-leave-active {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
}
#shipping-content .schedule-area button.recalc-schedule:before {
  font-size: 1.5rem;
  line-height: 1.5rem;
  position: absolute;
  left: 1rem;
  text-shadow: none;
  top: 2.1rem;
}
#shipping-content .schedule-area button.recalc-schedule:after {
  position: absolute;
  right: 0.6rem;
  top: 1.2rem;
}
#shipping-content .date-schedule {
  padding: 0.5rem 1rem 1rem 1rem;
  background: #fff;
  background-color: #fff;
  margin: 0.2rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
#shipping-content .date-schedule day {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 4.5rem;
  -moz-flex: 0 1 4.5rem;
  -ms-flex: 0 1 4.5rem;
  flex: 0 1 4.5rem;
  font-family: Ploni-SemiBold;
  font-size: 1.9rem;
  font-weight: normal;
  padding: 0 0.5rem 0 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  color: #2068e4;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  position: relative;
  line-height: 1;
}
#shipping-content .date-schedule day:before {
  padding: 0 0 0 0.5rem;
}
#shipping-content .date-schedule timetable {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0;
  text-align: center;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#shipping-content .date-schedule timetable panel {
  padding: 0;
  margin: 0;
  box-shadow: none;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 0;
}
@media (min-width: 468px) {
  #shipping-content .date-schedule timetable panel {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content .date-schedule timetable panel:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
}
#shipping-content .date-schedule timetable panel content {
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  margin: 0 0.3rem 0.3rem 0.3rem;
  padding: 0.3rem;
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
  border-radius: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -moz-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  display: flex;
  min-height: 3.5rem;
}
#shipping-content .date-schedule timetable panel.selected content {
  color: #60c6ff !important;
}
#shipping-content .date-schedule timetable panel.selected content:before {
  content: 'check';
}
#shipping-content paper.delivery-content paper-content {
  padding: 0 2rem;
}
#shipping-content paper-content header {
  color: rgba(0, 0, 0, 0.4);
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
}
#shipping-content tiles {
  padding: 1rem 2rem;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.08rem;
}
#shipping-content tiles content {
  color: #003388;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#shipping-content tiles icon {
  color: #2068e4;
  padding: 0 0 0 1rem;
}
#shipping-content tiles doc {
  margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
  #shipping-content h3 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  border: none;
  /*li {
            .margin(0 0 0.5rem 0);
        }*/
}
#shipping-content note {
  margin: 1rem 10% 3rem;
}
@media (min-width: 468px) {
  #shipping-content auth-form-intro {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content auth-form-request {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content auth-form-request paper {
  position: relative;
  width: 65%;
  display: block;
  text-align: center;
  margin: 2rem auto 3rem auto;
}
#shipping-content auth-form-request paper label {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1.8rem;
}
#shipping-content auth-form-request paper perspective {
  display: inline-block;
  text-align: center;
  margin: 2rem auto;
  width: 16rem;
}
#shipping-content auth-form-request paper paper-footer > error,
#shipping-content auth-form-request paper paper-footer > small {
  margin: 1rem 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#shipping-content auth-form-request paper paper-footer > error.ng-enter,
#shipping-content auth-form-request paper paper-footer > small.ng-enter {
  opacity: 0;
  -webkit-transform: translateX(2rem);
  transform: translateX(2rem);
}
#shipping-content auth-form-request paper paper-footer > error.ng-enter.ng-enter-active,
#shipping-content auth-form-request paper paper-footer > small.ng-enter.ng-enter-active {
  -webkit-transform: null;
  transform: null;
  opacity: 1;
}
#shipping-content auth-form-request paper paper-footer > error.ng-leave,
#shipping-content auth-form-request paper paper-footer > small.ng-leave {
  opacity: 1;
  -webkit-transform: translateX(-2rem);
  transform: translateX(-2rem);
}
#shipping-content auth-form-request paper paper-footer > error.ng-leave.ng-leave-active,
#shipping-content auth-form-request paper paper-footer > small.ng-leave.ng-leave-active {
  -webkit-transform: translateX(2rem);
  transform: translateX(2rem);
  opacity: 0;
}
#shipping-content information ul,
#shipping-content documents ul {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: 100% !important;
  background: none;
  background-color: transparent;
}
#shipping-content information ul > li,
#shipping-content documents ul > li {
  padding: 0.8rem !important;
  border: none !important;
  margin-bottom: 3px;
  background: #fff;
  background-color: #fff;
  color: #1b5ece;
}
#shipping-content information ul > li:before,
#shipping-content documents ul > li:before {
  padding-left: 1rem;
}
#shipping-content information ul > li > header,
#shipping-content documents ul > li > header {
  color: #464646;
  padding: 0.5rem 1rem 0 0.5rem;
}
#shipping-content information ul > li > content > ul,
#shipping-content documents ul > li > content > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  margin-bottom: 1.5rem !important;
}
#shipping-content information ul > li > content > ul > li,
#shipping-content documents ul > li > content > ul > li {
  border: none !important;
  padding: 0.3rem !important;
  padding-right: 2rem !important;
  color: #1b5ece;
  background: #fff;
  background-color: #fff;
}
#shipping-content information ul > li > content > ul > li:first-child,
#shipping-content documents ul > li > content > ul > li:first-child {
  padding-top: 0;
}
#shipping-content information ul > li > content > ul > li:last-child,
#shipping-content documents ul > li > content > ul > li:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  #shipping-content information {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content information {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content information > ul li:before {
  content: 'check';
  color: #1b5ece;
}
@media (min-width: 768px) {
  #shipping-content documents {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content documents {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content documents > ul li:before {
  content: 'check';
  color: #1b5ece;
}
@media (min-width: 768px) {
  #shipping-content shipping-time {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content shipping-time {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content shipping-time > paper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content shipping-time > paper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content phone-number {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #shipping-content phone-number {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content phone-number > label,
#shipping-content phone-number pnone-input {
  padding-left: 15px;
}
@media (min-width: 468px) {
  #shipping-content phone-number > label,
  #shipping-content phone-number pnone-input {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #shipping-content phone-number > label,
  #shipping-content phone-number pnone-input {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content phone-number > label,
  #shipping-content phone-number pnone-input {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #shipping-content phone-number > label,
  #shipping-content phone-number pnone-input {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content phone-number > label pnone-input,
  #shipping-content phone-number pnone-input pnone-input {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content address-label {
  padding-top: 2rem;
  font-family: Ploni-Regular;
  font-size: 2.3rem;
  font-weight: normal;
  color: #1b5ece;
}
#shipping-content recalc-delivery-dates {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#shipping-content recalc-delivery-dates button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 1.6rem 0 0 0.3rem;
  max-height: 3.4rem;
  min-height: 3.4rem;
}
#shipping-content search-time {
  margin-bottom: 2rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #shipping-content search-time {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content search-time > search-button {
  padding-left: 15px;
}
@media (min-width: 468px) {
  #shipping-content search-time > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #shipping-content search-time > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content search-time > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #shipping-content search-time > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content search-time > search-button > button {
  color: #fff;
  background: #1b5ece;
  background-color: #1b5ece;
}
@media (min-width: 468px) {
  #shipping-content search-time > search-button > button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content search-submit {
  padding-top: 20px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #shipping-content search-submit {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content search-submit > search-button {
  padding-left: 15px;
}
@media (min-width: 468px) {
  #shipping-content search-submit > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #shipping-content search-submit > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content search-submit > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #shipping-content search-submit > search-button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content search-submit > search-button > button {
  color: #fff;
  background: #1b5ece;
  background-color: #1b5ece;
}
@media (min-width: 468px) {
  #shipping-content search-submit > search-button > button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content submit-exit,
#shipping-content submit-shipping {
  padding-top: 40px;
}
#shipping-content submit-exit button,
#shipping-content submit-shipping button {
  color: #fff;
  background: #1b5ece;
  background-color: #1b5ece;
}
@media (min-width: 468px) {
  #shipping-content submit-exit button,
  #shipping-content submit-shipping button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content submit-exit label,
#shipping-content submit-shipping label {
  padding: 52px 0 2px;
  color: #464646;
}
@media (min-width: 468px) {
  #shipping-content forfeit-delivery,
  #shipping-content loan-offer {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content forfeit-delivery binary-switch,
#shipping-content loan-offer binary-switch {
  padding-bottom: 1rem;
}
#shipping-content shipping-remarks {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 1rem;
}
@media (min-width: 468px) {
  #shipping-content shipping-remarks {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content shipping-remarks > text-area {
  padding-left: 15px;
}
@media (min-width: 468px) {
  #shipping-content shipping-remarks > text-area {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #shipping-content shipping-remarks > text-area {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content shipping-remarks > text-area {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #shipping-content shipping-remarks > text-area {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content shipping-remarks > text-area textarea {
  height: 10rem;
}
@media (min-width: 468px) {
  #shipping-content shipping-remarks > text-area textarea {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content street-details {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  #shipping-content street-details {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #shipping-content street-details {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#shipping-content street-details > label {
  padding-right: 1rem / 2 !important;
  padding-left: 1rem / 2 !important;
}
@media (min-width: 468px) {
  #shipping-content street-details house-number,
  #shipping-content street-details apt-number {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content street-details house-number,
  #shipping-content street-details apt-number {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #shipping-content .shippingError {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#print-content form label {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin: -1rem 0 1.4rem 0;
}
@media (min-width: 468px) {
  #print-content form label {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#print-content form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#print-content form ul > li > span {
  padding: 0 1rem;
  font-family: Ploni-Regular;
  font-size: 1.6rem;
  font-weight: normal;
}
@media (min-width: 468px) {
  #print-content form information {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #print-content form documents {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #print-content form print-documents {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#print-content form submit-print > button {
  color: #fff;
  background: #1b5ece;
  background-color: #1b5ece;
}
@media (min-width: 468px) {
  #print-content form submit,
  #print-content form submit-print {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  #print-content form submit,
  #print-content form submit-print {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 1024px) {
  #print-content form submit,
  #print-content form submit-print {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #print-content form submit > button,
  #print-content form submit-print > button {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#exception-content {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  text-align: center;
  margin: 0 auto;
  display: block;
  margin: 2rem auto;
}
#exception-content div.dynamic-content {
  width: 85%;
}
#exception-content div.dynamic-content .header {
  margin: 0 0 1.5rem 0;
  font-family: Ploni-Regular;
  font-size: 3.1rem;
  font-weight: normal;
}
#exception-content div.dynamic-content .content {
  margin: 0 0 5rem 0;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  width: 65%;
}
#exception-content div.dynamic-content .footer {
  margin: 2rem auto 5rem auto;
}
#exception-content > * {
  text-align: center;
  margin: 0 auto;
  display: block;
}
#exception-content section {
  max-width: 60%;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #828282;
}
#exception-content section > header {
  display: inline-block;
  padding: 0 0 0.8rem;
  border-bottom: 1px dotted #828282;
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
  letter-spacing: 0.03rem;
}
#exception-content section > header > p {
  margin: 0.1rem 0;
}
#exception-content section > content {
  display: block;
  margin: 1rem auto 3rem;
}
#exception-content section > content error-message {
  display: block;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0.5rem 0 1rem 0;
  text-align: center;
}
#exception-content section > content error-message severity {
  font-family: Ploni-Regular;
  font-size: 1.4rem;
  font-weight: normal;
}
#exception-content section > content error-trace {
  display: block;
  padding: 0.5rem 0 1rem 0;
}
#exception-content section > content error-trace trace-header {
  display: block;
  font-family: Ploni-Regular;
  font-size: 1.2rem;
  font-weight: normal;
  color: #828282;
}
#exception-content section > content error-trace trace-content {
  display: block;
  font-family: Ploni-Regular;
  font-size: 1.4rem;
  font-weight: normal;
  color: #d30725;
}
#exception-content footer {
  text-align: center;
}
#exception-content footer button {
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  color: rgba(0, 0, 0, 0.4);
  font-family: Ploni-Medium;
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 auto;
  text-shadow: 0 1px 0 #fff;
}
#exception-content footer button:hover {
  color: #1b5ece;
}
#exception-content order-details {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
#exception-content order-details > panel {
  margin: 0.5rem;
  padding: 0.2rem 2rem;
  min-width: 18rem;
  opacity: 0.9;
}
#exception-content order-details > panel p {
  text-align: right;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#exception-content order-details > panel header {
  text-align: right;
  display: block;
  margin-bottom: 1rem;
  padding-bottom: 0.1rem;
  padding: 0.5rem 0;
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
}
#complimentors-content form-section:only-of-type card-number {
  padding-bottom: 1rem;
}
#complimentors-content form-section:only-of-type > submit {
  margin-top: 0;
}
#complimentors-content registered-comment {
  display: block;
  padding: 2rem;
  font-family: Ploni-Regular;
  font-size: 1.5rem;
  font-weight: normal;
}
@media (min-width: 468px) {
  #complimentors-content referrer-name,
  #complimentors-content referrer-id-number {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  #complimentors-content referrer-name,
  #complimentors-content referrer-id-number {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  #abort-content reason,
  #abort-content comment {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#abort-content .loan-details {
  padding: 1rem;
}
#abort-content .loan-details > div {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 0 1rem 1rem 1rem;
}
#abort-content .loan-details > div > div {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#abort-content .loan-details > div > div:not(:last-child):after {
  content: ',';
}
#abort-content .loan-details > div > div span:first-child {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#abort-content .loan-details > div > div span:last-child {
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
  color: #323232;
}
[role='dialog']#credit-agreement form {
  height: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
[role='dialog']#digital-id-introduction-modal {
  /*.check-status-button {
            width: 18rem;
        }*/
}
[role='dialog']#digital-id-introduction-modal .stages-progress {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='dialog']#digital-id-introduction-modal .refresh-button {
  margin: 0 10% 0 7%;
  flex: 1 1 auto;
  position: relative;
  align-self: stretch;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s 0.5s ease-out;
  transition: 0.2s 0.5s ease-out;
}
[role='dialog']#digital-id-introduction-modal .refresh-button.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
[role='dialog']#digital-id-introduction-modal .refresh-button.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='dialog']#digital-id-introduction-modal .refresh-button.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[role='dialog']#digital-id-introduction-modal .refresh-button.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
[role='dialog']#digital-id-introduction-modal .refresh-button span {
  font-family: Ploni-Regular;
  font-size: 1.8rem;
  font-weight: normal;
}
[role='dialog']#digital-id-introduction-modal .refresh-button .check-status-button {
  display: block;
  aspect-ratio: 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  isolation: isolate;
  white-space: normal !important;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  align-self: center;
}
[role='dialog']#digital-id-introduction-modal .refresh-button .check-status-button > * {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: inherit;
  z-index: 0;
  text-align: center;
}
[role='dialog']#digital-id-introduction-modal .refresh-button:before {
  position: absolute;
  right: -40px;
  width: 1px;
  top: 0;
  bottom: 0px;
  background-color: #b4b4b4;
  content: '';
}
[role='dialog']#digital-id-introduction-modal .digital-tiles {
  margin: 1rem 5%;
  flex: 1 1 auto;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-complete .stage-sphere {
  border: 1px solid #1b5ece;
  background-color: #1b5ece;
  color: #fff;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-pending .stage-sphere {
  border: none;
  background-color: #1b5ece;
  -webkit-animation-name: infinite-radiate-pulse;
  animation-name: infinite-radiate-pulse;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  position: relative;
  color: #fff;
  z-index: 1;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-pending .stage-sphere:after {
  background-color: #1b5ece;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 4rem;
  height: 4rem;
  content: '';
  border-radius: 50%;
  z-index: -1;
  transition-origin: center center;
  -webkit-animation-name: infinite-radiate-wave;
  animation-name: infinite-radiate-wave;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: forward;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-pending .stage-description {
  color: #1b5ece;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-failure .stage-sphere {
  border: 3px solid #f33a55;
  background-color: #f33a55;
  color: #fff;
}
[role='dialog']#digital-id-introduction-modal .digital-id-stage.stage-failure .stage-description {
  color: #f33a55;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  text-align: center;
  color: #1b5ece;
  margin: 1rem 0 0;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  min-height: 20rem;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction > * {
  max-width: 40rem;
  margin: 0 auto;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction .major {
  font-family: Ploni-SemiBold;
  font-size: 3.1rem;
  font-weight: normal;
  margin: 0.5rem auto 2rem auto;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction .minor {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0.5rem auto 2rem auto;
  justify-content: center;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction .sms-button-container {
  margin-left: 0;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction .error {
  color: #f33a55;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 2rem;
  margin: 2rem auto;
}
[role='dialog']#digital-id-introduction-modal .stage-introduction .send-sms-button {
  margin: 2rem auto 1rem auto;
}
[role='dialog']#digital-id-introduction-modal .stage-description {
  color: #828282;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: inline-block;
  line-height: 1;
  margin: 0 10%;
  text-align: center;
  padding: 1.5rem 0 0;
}
[role='dialog']#digital-id-introduction-modal .stage-sphere {
  align-self: center;
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 50%;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  color: #828282;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #a0a0a0;
}
[role='dialog']#digital-id-introduction-modal .sent-status {
  display: inline-block;
  transition: 0.2s ease-out;
  margin: 0 0.4rem 0;
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
}
[role='dialog']#digital-id-introduction-modal .sent-status.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
}
[role='dialog']#digital-id-introduction-modal .sent-status.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='dialog']#digital-id-introduction-modal .sent-status.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
[role='dialog']#digital-id-introduction-modal .sent-status.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -1rem, 0);
  transform: translate3d(0, -1rem, 0);
  opacity: 0;
}
[role='dialog']#digital-id-introduction-modal .sent-status:before {
  margin: 0 0 0 0.4rem;
}
[role='dialog']#digital-id-introduction-modal .sent-pending:before {
  content: 'schedule';
}
[role='dialog']#digital-id-introduction-modal .sent-success:before {
  content: 'check' !important;
}
[role='dialog']#digital-id-introduction-modal .sent-failure:before {
  content: 'close' !important;
}
[role='dialog']#pdf-signature-modal template-wizard,
[role='dialog']#pdf-signature-modal .wizard-content,
[role='dialog']#pdf-signature-modal .template {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
[role='dialog']#pdf-signature-modal .template {
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 125px 50px rgba(0, 0, 0, 0.5);
}
[role='dialog']#pdf-signature-modal #image-frame {
  top: 8rem;
  bottom: 2rem;
  right: 2rem;
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow-x: scroll;
  overflow-y: scroll;
  /* Track */
  /* Handle */
}
[role='dialog']#pdf-signature-modal #image-frame::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  padding: 0.5rem;
  margin: 2px 2px 2px 0;
}
[role='dialog']#pdf-signature-modal #image-frame::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #dcdcdc;
  background-color: #dcdcdc;
}
[role='dialog']#pdf-signature-modal #image-frame::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #2068e4;
  background-color: #2068e4;
}
[role='dialog']#pdf-signature-modal #image-frame::-webkit-scrollbar-thumb:window-inactive {
  background: #2068e4;
  background-color: #2068e4;
}
[role='dialog']#pdf-signature-modal [form-container] {
  padding: 0;
  position: absolute;
  top: 4rem;
  bottom: -30rem;
}
[role='dialog']#pdf-signature-modal .form-toolbar {
  position: absolute;
  right: 4rem;
  left: 4rem;
  top: 1rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  /*.cancel {
                button {
                    left: 0.8rem;
                    box-shadow: 15px 15px 70px 0 rgba(0,0,0,0.5);
                    .align-self(center);
                }
            }

            .clear {
                button {
                    left: 0.8rem;
                    box-shadow: 15px -15px 70px 0 rgba(0,0,0,0.5);
                    .align-self(flex-start);
                }
            }*/
}
[role='dialog']#pdf-signature-modal .form-toolbar button {
  left: 0;
  right: auto;
  padding: 0;
  margin: auto;
  line-height: 0;
  /*                border-radius: 50%;*/
  /*position: absolute;*/
  background: rgba(0, 51, 136, 0.95);
  background-color: rgba(0, 51, 136, 0.95);
  color: #fff;
  /*                .circle-button(5.5rem);*/
}
[role='dialog']#pdf-signature-modal .form-toolbar .toolbar-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  /*                .equilateral(6.5rem);*/
  /*min-height: 6rem;*/
}
[role='dialog']#pdf-signature-modal .form-toolbar .toolbar-item.space {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
[role='dialog']#pdf-signature-modal .form-toolbar .toolbar-item:not(:last-child) {
  margin-left: 2rem;
}
[role='dialog']#pdf-signature-modal .wizard-content {
  position: relative;
}
[role='dialog']#pdf-signature-modal .wizard-content .template {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: 0.8s cubic-bezier(0.73, 1.71, 0.57, 0.83) 0.3s;
}
[role='dialog']#pdf-signature-modal .wizard-content .template.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
[role='dialog']#pdf-signature-modal .wizard-content .template.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
[role='dialog']#pdf-signature-modal .wizard-content .template.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
[role='dialog']#pdf-signature-modal .wizard-content .template.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
[role='dialog']#pdf-signature-modal .form-control {
  transition: 0.25s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
[role='dialog']#pdf-signature-modal .form-control.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}
[role='dialog']#pdf-signature-modal .form-control.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
[role='dialog']#pdf-signature-modal .form-control.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
[role='dialog']#pdf-signature-modal .form-control.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
}
[role='dialog']#pdf-signature-modal .form-counter {
  height: 6rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 4rem;
  width: 26rem;
  color: #fff;
  font-family: Ploni-Regular !important;
  font-size: 2.4rem !important;
  font-weight: normal !important;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 3rem;
  position: absolute;
  padding: 1rem 2rem;
  background: rgba(0, 51, 136, 0.95);
  background-color: rgba(0, 51, 136, 0.95);
  letter-spacing: 0.03rem;
  transition: 0.5s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  opacity: 1;
  transform: scale(1, 1);
  box-shadow: 0 -5px 85px 0 rgba(0, 0, 0, 0.4);
}
[role='dialog']#pdf-signature-modal .form-counter.ng-hide {
  opacity: 0;
  transform: scale(0.8, 0.8);
}
[role='dialog']#pdf-signature-modal #fullPdfButton {
  margin: 1rem auto 2rem;
}
[role='dialog']#pdf-signature-modal .modal-header:before {
  display: none;
}
@media (min-width: 468px) {
  [role='dialog']#pdf-signature-modal form form-section .wrapper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='dialog']#pdf-signature-modal form-footer {
  display: block;
  position: relative;
}
[role='dialog']#pdf-signature-modal form-footer:before {
  content: '';
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  display: block;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
  box-shadow: 0 -8px 10px 0 rgba(0, 0, 0, 0.5);
}
[role='dialog']#pdf-signature-modal error small {
  position: relative;
  padding: 0.5rem;
  text-align: center;
  margin: 1rem auto 0 auto;
  font-family: Ploni-Bold !important;
  font-size: 1.8rem !important;
  font-weight: normal !important;
  color: #f33a55;
}
[role='dialog']#pdf-signature-modal error small:before {
  position: relative;
  padding: 0 0.5rem;
}
[role='dialog']#pdf-signature-modal comment {
  padding: 1rem 0 0;
}
[role='dialog']#pdf-signature-modal .cntr {
  margin: 1rem auto;
  text-align: center;
  color: #003388 !important;
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
  text-shadow: 0 1px 0 #fff;
}
[role='dialog']#pdf-signature-modal .modal-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}
[role='dialog']#pdf-signature-modal signature-pad {
  height: 0;
  display: block;
}
[role='dialog']#interests-dictionary .interest-introduction {
  letter-spacing: 0.02rem;
}
[role='dialog']#interests-dictionary .interest-introduction li {
  padding: 0 0 1.5rem 0;
}
[role='dialog']#interests-dictionary .interest-introduction li div:first-child {
  color: #1b5ece;
  font-family: Ploni-Bold;
  font-size: 2.4rem;
  font-weight: normal;
}
[role='dialog']#interests-dictionary .interest-introduction li div:last-child {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  letter-spacing: 0.04rem;
}
@media (min-width: 468px) {
  [role='dialog']#custom-address .modal-body street-name-info,
  [role='dialog']#custom-address .modal-body street-name {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='dialog']#camera-modal .modal-header:before {
  content: 'camera' !important;
}
[role='dialog']#camera-modal #camera-content {
  border: 6px solid #fff;
  height: 590px;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[role='dialog']#camera-modal #camera-content gallery {
  width: 100%;
  height: 580px;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
[role='dialog']#camera-modal #camera-content zoom {
  position: relative;
}
[role='dialog']#camera-modal #camera-content capture-button {
  background: #9d2e77;
  background-color: #9d2e77;
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 4px;
  -moz-flex: 1 1 4px;
  -ms-flex: 1 1 4px;
  flex: 1 1 4px;
  z-index: 1;
  width: 4px;
  -webkit-user-select: none;
}
[role='dialog']#camera-modal #camera-content capture-button > button#capture {
  width: 8rem;
  height: 8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-51%, -51%, 0);
  border-radius: 50%;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.9);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /*
                    .transform(scale(0,0));
                    opacity:0;*/
  /*&.ng-show {
                        opacity:1;
                        .transform(scale(1,1));
                    }*/
}
[role='dialog']#camera-modal #camera-content capture-button > button#capture:active {
  outline: none;
  -webkit-user-select: none;
  -webkit-transform: translate3d(-51%, -51%, 0) scale(1.2, 1.2) rotate(18deg);
  transform: translate3d(-51%, -51%, 0) scale(1.2, 1.2) rotate(18deg);
}
[role='dialog']#camera-modal #camera-content video-player {
  height: 575px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
[role='dialog']#camera-modal #camera-content video-player video {
  width: 100%;
}
[role='dialog']#scanner-modal .modal-header:before {
  content: 'scanner' !important;
}
[role='dialog']#docscan-modal .modal-body {
  position: relative;
  min-height: 45rem;
}
[role='dialog']#docscan-modal .modal-body error {
  color: red;
  font-family: Ploni-SemiBold;
  font-size: 1.8rem;
  font-weight: normal;
}
[role='dialog']#docscan-modal .background-message {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
[role='dialog']#docscan-modal .background-message button {
  min-width: 0;
}
[role='dialog']#docscan-modal .background-message button {
  margin: 1rem auto;
}
[role='dialog']#docscan-modal .background-message span {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0 25%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  transition: 0.2s ease-out;
  text-align: center;
}
[role='dialog']#docscan-modal .background-message span.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
}
[role='dialog']#docscan-modal .background-message span.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='dialog']#docscan-modal .background-message span.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
[role='dialog']#docscan-modal .background-message span.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, -1rem, 0);
  transform: translate3d(0, -1rem, 0);
  opacity: 0;
}
[role='dialog']#docscan-modal .background-message label {
  font-family: Ploni-Bold;
  font-size: 3.1rem;
  font-weight: normal;
  color: #252525 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.1);
  letter-spacing: 0.02rem;
  line-height: 1;
  padding: 1.5rem;
  position: relative;
}
[role='dialog']#docscan-modal .background-message label:first-of-type:not(:only-of-type) {
  padding: 0 0 0.5rem 0;
  margin: 0 0 0.25rem 0;
}
[role='dialog']#docscan-modal .background-message label:first-of-type:not(:only-of-type):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -12%;
  right: -12%;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0;
  font-size: 0;
  opacity: 0.8;
}
[role='dialog']#docscan-modal form-section.content-area {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 1rem;
  padding: 0;
  border-bottom: none;
  border-radius: 0;
  position: relative;
}
[role='dialog']#docscan-modal .modal-header:before {
  content: 'scanner' !important;
}
[role='dialog']#docscan-modal .modal-header.camera-icon:before {
  content: 'camera_alt' !important;
}
[role='dialog']#docscan-modal #dwtcontrolContainer {
  width: 100%;
  height: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
[role='dialog']#docscan-modal #dwtcontrolContainer > * {
  width: 100%;
  height: 100%;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
  border: none !important;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  visibility: hidden;
}
[role='dialog']#docscan-modal #dwtcontrolContainer.with-data > * {
  visibility: visible;
}
[role='dialog']#docscan-modal #dwtcontrolContainer .ds-dwt-container-box {
  border: none !important;
  margin: 0 auto;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
}
[role='dialog']#docscan-modal #dwtcontrolContainer .ds-dwt-container-box > div {
  border: none !important;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
  /* "transaprent value is not supported by IOS Nazis" */
}
[role='dialog']#docscan-modal #dwtcontrolContainer .ds-dwt-container-box > div > div {
  border: none !important;
}
[role='dialog']#docscan-modal .scanner-interface {
  padding: 0;
  margin: 0;
  border-radius: 20px;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  /*min-height: 45rem;
            height: 45rem;*/
  background: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
[role='dialog']#docscan-modal .scanner-interface #scan-progress {
  z-index: 100;
}
[role='dialog']#docscan-modal .scanner-interface .scanner-content {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 2rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
[role='dialog']#docscan-modal video {
  transition: 0.4s;
}
[role='dialog']#docscan-modal video.ng-hide-add {
  opacity: 1;
  transform: scale(0, 0);
}
[role='dialog']#docscan-modal video.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: scale(0.8, 0.8);
}
[role='dialog']#docscan-modal video.ng-hide-remove {
  opacity: 0;
  transform: scale(0.8, 0.8);
}
[role='dialog']#docscan-modal video.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: scale(0, 0);
}
[role='dialog']#docscan-modal .modal-footer {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
[role='dialog']#docscan-modal .scan-actions {
  position: absolute;
  bottom: 2rem;
  right: 1.5rem;
  left: auto;
  top: auto;
  margin: auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 12rem;
  z-index: 10;
}
[role='dialog']#docscan-modal .scan-actions button {
  min-width: 0;
}
[role='dialog']#docscan-modal .scan-actions .delete span {
  transition-delay: 0.5s;
}
[role='dialog']#docscan-modal .scan-actions .delete span.ng-hide-add {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .scan-actions .delete span.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: translateX(-2rem);
}
[role='dialog']#docscan-modal .scan-actions .delete span.ng-hide-remove {
  opacity: 0;
  transform: translateX(-2rem);
}
[role='dialog']#docscan-modal .scan-actions .delete span.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .scan-actions .delete button {
  transition-delay: 0.15s;
}
[role='dialog']#docscan-modal .scan-actions .save span {
  transition-delay: 0.25s;
}
[role='dialog']#docscan-modal .scan-actions .save span.ng-hide-add {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .scan-actions .save span.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: translateX(-2rem);
}
[role='dialog']#docscan-modal .scan-actions .save span.ng-hide-remove {
  opacity: 0;
  transform: translateX(-2rem);
}
[role='dialog']#docscan-modal .scan-actions .save span.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .scan-actions .save button {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
[role='dialog']#docscan-modal .action-button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
[role='dialog']#docscan-modal .action-button button {
  overflow: hidden;
  opacity: 0.85;
  box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
[role='dialog']#docscan-modal .action-button button.ng-hide-add {
  opacity: 1;
  transform: scale(1, 1);
}
[role='dialog']#docscan-modal .action-button button.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: scale(0, 0);
}
[role='dialog']#docscan-modal .action-button button.ng-hide-remove {
  opacity: 0;
  transform: scale(0, 0);
}
[role='dialog']#docscan-modal .action-button button.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: scale(1, 1);
}
[role='dialog']#docscan-modal .scan {
  top: 2rem;
  right: 1.5rem;
  bottom: auto;
  left: auto;
  position: absolute;
  z-index: 10;
}
[role='dialog']#docscan-modal .scan span {
  transition-delay: 0s;
}
[role='dialog']#docscan-modal .scan span.ng-hide-add {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .scan span.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: translateX(2rem);
}
[role='dialog']#docscan-modal .scan span.ng-hide-remove {
  opacity: 0;
  transform: translateX(2rem);
}
[role='dialog']#docscan-modal .scan span.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: translateX(0);
}
[role='dialog']#docscan-modal .tiles-content {
  width: 100%;
}
@media (min-width: 468px) {
  [role='dialog']#docscan-modal tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 560px) {
  [role='dialog']#docscan-modal tiles tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='dialog']#docscan-modal tiles tile.active approved:before {
  -webkit-text-stroke: 1px #fff;
}
[role='dialog']#docscan-modal .panel {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
  min-height: 6rem;
  margin: 3px;
}
[role='dialog']#docscan-modal .panel.transfered {
  background: #828282;
  background-color: #828282;
  color: #fff;
}
[role='dialog']#docscan-modal .panel.pristine {
  cursor: default;
}
[role='dialog']#docscan-modal .panel identifier {
  padding: 0 1rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 4rem;
  -moz-flex: 0 1 4rem;
  -ms-flex: 0 1 4rem;
  flex: 0 1 4rem;
  -ms-flex-item--align: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  font-family: Ploni-Regular;
  font-size: 120%;
  font-weight: normal;
  text-align: left;
  position: relative;
}
[role='dialog']#docscan-modal .panel identifier:after {
  content: '';
  padding: 0 1px;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
}
[role='dialog']#docscan-modal .panel content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1rem;
  line-height: 90%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  /* "transaprent value is not supported by IOS Nazis" */
  background: none;
  background-color: rgba(255, 255, 255, 0);
  /* "transaprent value is not supported by IOS Nazis" */
}
[role='dialog']#docscan-modal .panel content error {
  min-height: 0 !important;
  position: relative;
}
[role='dialog']#docscan-modal .panel content error small {
  position: relative;
}
[role='dialog']#docscan-modal .panel .checked {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 4rem;
  -moz-flex: 0 0 4rem;
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem;
  text-align: center;
}
[role='dialog']#docscan-modal .panel .checked:before {
  content: 'check';
  filter: grayscale(0%) !important;
  -webkit-filter: grayscale(0%) !important;
  opacity: 1;
  text-shadow: 5px 5px 11px rgba(0, 0, 0, 0.2);
}
[role='dialog']#docscan-modal .panel error {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
[role='dialog']#docscan-modal .panel error.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0);
}
[role='dialog']#docscan-modal .panel error.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
[role='dialog']#docscan-modal .panel error.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[role='dialog']#docscan-modal .panel error.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0);
  opacity: 0;
}
[role='dialog']#docscan-modal .panel small {
  font-family: Ploni-SemiBold !important;
  font-size: 1.6rem !important;
  font-weight: normal !important;
  margin: 0.2rem 0 0;
}
[role='dialog']#scanner-modal scan-progress {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 5rem;
  -ms-flex: 0 1 5rem;
  flex: 0 1 5rem;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  width: 100%;
}
[role='dialog']#scanner-modal scan-progress > panel {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem;
}
[role='dialog']#scanner-modal scan-progress > panel emph {
  padding-right: 1rem;
}
[role='dialog']#scanner-modal scan-spread {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
}
[role='dialog']#scanner-modal scan-spread #dwtcontrolThumbnails {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 0 31%;
  -ms-flex: 1 0 31%;
  flex: 1 0 31%;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread gap {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 1rem;
  -ms-flex: 0 0 1rem;
  flex: 0 0 1rem;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
}
[role='dialog']#scanner-modal scan-spread .ds-dwt-container-box {
  width: inherit !important;
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread .ds-dwt-container-box > div {
  border-radius: 4px;
  border: none !important;
  width: inherit !important;
}
[role='dialog']#scanner-modal scan-spread #dwtcontrolContainer {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread #dwtcontrolContainer > div {
  width: inherit !important;
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread #dwtcontrolContainer > div > div {
  border: none;
  width: inherit !important;
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread #dwtcontrolContainer > div > div > div {
  border: none;
  width: inherit !important;
  border-radius: 4px;
}
[role='dialog']#scanner-modal scan-spread > tiles {
  overflow-y: auto;
  background: -webkit-linear-gradient(top, #fff, #6e6e6e);
  background: linear-gradient(top, #fff, #6e6e6e);
  border-radius: 4px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 12rem;
  -ms-flex: 0 1 12rem;
  flex: 0 1 12rem;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
}
[role='dialog']#scanner-modal scan-spread > tiles document {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  box-shadow: none;
  background: #fff;
  background-color: #fff;
  min-height: 5rem;
}
[role='dialog']#scanner-modal scan-spread > tiles document.scanned {
  opacity: 0.56;
}
[role='dialog']#scanner-modal scan-spread > tiles document.scanned > i {
  color: #1b5ece;
}
[role='dialog']#scanner-modal scan-spread > tiles document.scanned > content {
  text-decoration: line-through;
}
[role='dialog']#scanner-modal scan-spread > tiles document > i {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 3rem;
  -ms-flex: 0 1 3rem;
  flex: 0 1 3rem;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  padding: 0.5rem 0 0.5rem 0;
}
[role='dialog']#scanner-modal scan-spread > tiles document > i > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
[role='dialog']#scanner-modal scan-spread > tiles document > i > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
[role='dialog']#scanner-modal scan-spread > tiles document > content {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  padding: 0.1rem 0 0.5rem 0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-family: Ploni-Regular;
  font-size: 1.1rem;
  font-weight: normal;
}
[role='dialog']#scanner-modal scan-spread > tiles document > content > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
[role='dialog']#scanner-modal scan-spread > tiles document > content > * {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
[role='dialog']#scanner-modal error-holder {
  display: block;
  min-height: 4rem;
}
[role='dialog']#scanner-modal error {
  margin: 1rem auto;
  display: flex;
  justify-content: center;
}
[role='dialog']#scanner-modal error small {
  font-family: Ploni-Bold !important;
  font-size: 1.8rem !important;
  font-weight: normal !important;
}
[role='dialog']#abort-sale form-section binary-switch {
  margin-bottom: 1.5rem;
}
[role='dialog']#abort-sale form-section trigger {
  min-height: 3.5rem !important;
}
[role='dialog']#abort-sale form-section comment {
  margin: 0 0.5rem 2rem 0.5rem;
}
@media (min-width: 768px) {
  [role='dialog']#customer-form-editor form form-section mobile-phone,
  [role='dialog']#customer-form-editor form form-section phone,
  [role='dialog']#customer-form-editor form form-section email {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  [role='dialog']#customer-form-editor form form-section mobile-phone,
  [role='dialog']#customer-form-editor form form-section phone,
  [role='dialog']#customer-form-editor form form-section email {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
[role='dialog']#customer-form-editor form form-section heb-name,
[role='dialog']#customer-form-editor form form-section eng-name {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media (min-width: 468px) {
  [role='dialog']#customer-form-editor form form-section heb-name,
  [role='dialog']#customer-form-editor form form-section eng-name {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 768px) {
  [role='dialog']#customer-form-editor form form-section heb-name firstname,
  [role='dialog']#customer-form-editor form form-section eng-name firstname,
  [role='dialog']#customer-form-editor form form-section heb-name lastname,
  [role='dialog']#customer-form-editor form form-section eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
@media (min-width: 468px) {
  [role='dialog']#customer-form-editor form form-section heb-name firstname,
  [role='dialog']#customer-form-editor form form-section eng-name firstname,
  [role='dialog']#customer-form-editor form form-section heb-name lastname,
  [role='dialog']#customer-form-editor form form-section eng-name lastname {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*-webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;*/
  }
}
#conversion-disclosure-content .disclosure-paragraph {
  font-family: Ploni-Regular;
  font-size: 2.1rem;
  font-weight: normal;
}
#search-content .lob-panel {
  height: 4rem;
  padding: 1rem 2rem;
  border: 2px solid #1b5ece;
}
#search-content form {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  grid-gap: 2rem;
}
#search-content paper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item--align: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
#search-content paper-content > section {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  padding: 0;
}
#search-content paper-footer {
  -webkit-transition: 0.6s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  transition: 0.6s cubic-bezier(0.73, 1.71, 0.57, 0.83);
}
#search-content paper-footer.ng-enter {
  opacity: 0;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
}
#search-content paper-footer.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#search-content paper-footer.ng-leave {
  opacity: 1;
  -webkit-transform: null;
  transform: null;
}
#search-content paper-footer.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  opacity: 0;
}
#search-content paper-footer asterisk {
  margin-top: 0.5rem;
}
#search-content .search-form {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
#search-content .search-form button[type='submit'] {
  box-shadow: none;
}
#search-content .member {
  position: relative;
  min-height: 6rem;
}
#search-content .member.asterisk-comment {
  /*&:before {
                &:extend(.accent-foreground);
                .pseudo-icon('lens', 'xs');
                .transition(.5s ease-out);
                line-height: 1rem;
                opacity: .6;
                position: absolute;
                left: 0.8rem;
                top: 1.35rem;
            }*/
}
#search-content .member.asterisk-comment:focus:before {
  left: 0.5rem;
  opacity: 1;
}
#search-content .customer-card {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 45%;
  -moz-flex: 1 1 45%;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  overflow: hidden;
}
#search-content .customer-card .member {
  min-height: 6rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #b4b4b4;
  border-bottom: 1px dashed #a0a0a0;
}
#search-content .customer-card .member icon {
  padding: 0 0 0 0.8rem;
}
#search-content .customer-card .member .desc {
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  padding: 0 0 0 0.3rem;
}
#search-content .customer-card .member .value {
  color: #1b5ece;
}
#search-content .new-customer-label {
  height: 8rem;
  width: 8rem;
  position: absolute;
  left: 0.5rem;
  top: 0;
  transition: 1s cubic-bezier(0.73, 1.71, 0.57, 0.83);
  border-radius: 50%;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.6);
  transform: scale(1) rotate(-25deg);
  padding: 0.5rem;
  background: #ff00a7;
  background-color: #ff00a7;
  color: #fff;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#search-content .new-customer-label.ng-enter {
  opacity: 0;
  -webkit-transform: scale(0.1) rotate(45deg);
  transform: scale(0.1) rotate(45deg);
}
#search-content .new-customer-label.ng-enter.ng-enter-active {
  -webkit-transform: scale(1) rotate(-25deg);
  transform: scale(1) rotate(-25deg);
  opacity: 1;
}
#search-content .new-customer-label.ng-leave {
  opacity: 1;
  -webkit-transform: scale(1) rotate(-25deg);
  transform: scale(1) rotate(-25deg);
}
#search-content .new-customer-label.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.1) rotate(45deg);
  transform: scale(0.1) rotate(45deg);
  opacity: 0;
}
#search-content .new-customer-label:before {
  content: 'info';
}
#search-content .new-customer-label span {
  font-family: Ploni-SemiBold;
  font-size: 1.9rem;
  font-weight: normal;
  line-height: 1;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  display: block;
}
#search-content .products {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 35%;
  -moz-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}
#search-content opportunities {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 65%;
  -moz-flex: 0 0 65%;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
}
#search-content .products-switch {
  position: absolute;
  left: 0;
  top: 0;
}
#search-content .opportunity-action {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 1rem 2rem;
}
#search-content .opportunity-action .retrieve-button {
  transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}
#search-content .opportunity-action .retrieve-button.ng-enter {
  opacity: 0;
  -webkit-transform: translate3d(0, 1rem, 0) scale(0.8);
  transform: translate3d(0, 1rem, 0) scale(0.8);
}
#search-content .opportunity-action .retrieve-button.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}
#search-content .opportunity-action .retrieve-button.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
#search-content .opportunity-action .retrieve-button.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(0, 1rem, 0) scale(0.8);
  transform: translate3d(0, 1rem, 0) scale(0.8);
  opacity: 0;
}
.referrer-history {
  position: relative;
  min-height: 200px;
}
.referrer-history .panel {
  height: 11rem;
}
.referrer-history referer {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Ploni-SemiBold;
  font-size: 2.1rem;
  font-weight: normal;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 0 1rem;
}
.referrer-history referer identity {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 2rem 0 0;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.referrer-history referer date {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-family: Ploni-Medium;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 0.4rem 2rem 0 0;
  letter-spacing: 0.02rem;
}
.referrer-history referer .name {
  letter-spacing: 0.05rem;
  font-family: Ploni-Bold;
  font-size: 2.1rem;
  font-weight: normal;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.referrer-history referer .id {
  letter-spacing: 0.02rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Ploni-Medium;
  font-size: 2.1rem;
  font-weight: normal;
  text-align: right;
}
.referrer-history delete {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 4rem;
  -moz-flex: 0 1 4rem;
  -ms-flex: 0 1 4rem;
  flex: 0 1 4rem;
  padding: 0.5rem;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
iframe-loader {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
}
iframe-loader .full-screen {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0;
  position: absolute;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  left: 0;
  top: 1rem;
}
@media only screen and (max-height: 768px) and (max-width: 1366px) {
  #search-content .right-column > paper,
  #search-content .left-column > paper {
    min-height: 400px;
  }
}