.btn-close-comparation-dlg {
  margin-top: 80px;
  margin-bottom: 60px; }

.product-value-font-size {
  font-size: 32px; }

.product-value {
  margin-top: 10px !important; }

.reason-info-container {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 15px;
  top: -15px; }

.product-value-black-color {
  font-size: 32px; }

.interest-label-mobile {
  width: 170px; }

@media (max-width: 480px) {
  .ui-mobile-align-left {
    text-align: left; }
  .right-position-icon-mobile {
    float: right;
    margin-right: 35px; }
  .column-inner {
    margin: 0 -20px;
    padding: 20px 20px; }
  .product-value-last {
    height: 65px; }
  .height-last-item {
    height: 30px; }
  .hint .ui-overlaypanel .ui-overlaypanel-content .hint-content {
    text-align: left; }
  /**
	Because there is different breakpoint between of baloise design and this dialog,
	so having this class only for mobile for this dialog
	*/
  .hint-wrapper {
    display: flex;
    justify-content: space-between; } }

.img-credit-decision-container {
  display: flex;
  justify-content: center;
  margin-bottom: 60px; }
  .img-credit-decision-container img {
    max-height: 200px; }

.product-banner {
  position: relative;
  padding: 56px 37px 57px 104px; }
  .product-banner ul {
    margin: 0;
    padding-left: 10px; }
  .product-banner ul li {
    padding: 7px 0; }
  .product-banner ul li::before {
    font-family: 'FontAwesome';
    content: '\f105';
    color: var(--bal-color-white);
    padding-right: 10px;
    font-size: 20px; }

.service-comparison-table {
  /** PRODUCT DISABLE */
  /** END - PRODUCT DISABLE */ }
  .service-comparison-table * {
    box-sizing: border-box; }
  .service-comparison-table .column-product {
    position: relative;
    float: left; }
  .service-comparison-table .column-product:last-child .column-inner {
    right: 0; }
  .service-comparison-table .column-separator {
    display: block;
    height: 11px;
    width: 100%;
    clear: both;
    margin-bottom: 6px; }
  .service-comparison-table .product-detail-label-wrapper.column-product .product-detail {
    text-align: left; }
    .service-comparison-table .product-detail-label-wrapper.column-product .product-detail .interest-hint {
      height: 60px; }
  .service-comparison-table .product-detail-label-wrapper.column-product .product-detail-content {
    font-weight: bold; }
  .service-comparison-table .product-detail-label-wrapper.column-product .product-detail ul {
    padding: 0px; }
  .service-comparison-table .product-header-group {
    padding: 0px 10px; }
  .service-comparison-table .column-product .product-name {
    color: var(--bal-color-primary);
    text-align: center;
    font-weight: bold; }
  .service-comparison-table .column-product .product-description {
    width: 100%;
    min-height: 50px; }
  .service-comparison-table .column-product .product-reason {
    padding: 10px; }
  .service-comparison-table .column-product .product-reason .product-first-reason:hover {
    cursor: pointer; }
  .service-comparison-table .column-product .product-selection {
    text-align: center; }
  .service-comparison-table .column-product .product-selection .ui-button {
    margin: 0; }
  .service-comparison-table .column-product .product-selection.product-footer {
    padding: 5px 12px 31px 12px;
    text-align: left; }
  .service-comparison-table .column-product .product-detail {
    position: relative;
    min-height: 40px;
    width: 100%;
    text-align: center;
    line-height: 35px; }
  .service-comparison-table .column-product .product-detail:not(:last-child) {
    border-bottom: 2px solid #d9e1f0;
    padding-bottom: 8px; }
  .service-comparison-table .column-product .product-detail p {
    margin: 0; }
  .service-comparison-table .column-product .product-detail h3 {
    line-height: 1.7em;
    font-weight: 700;
    padding-bottom: 0;
    font-size: 1.0666em;
    height: 35px; }
  .service-comparison-table .column-product .product-detail h3 .product-detail-content {
    margin-top: 6px; }
  .service-comparison-table .column-product .product-detail ul {
    margin: 0;
    padding: 0px 10px 5px 20px; }
  .service-comparison-table .column-product .product-value {
    height: 35px; }
  .service-comparison-table .product-detail-content-last {
    height: 5px; }
  .service-comparison-table .column-product .product-detail li:not(.mortgage-products) {
    line-height: 30px;
    height: 30px !important; }
  .service-comparison-table .column-product .product-value-small {
    line-height: 30px; }
  .service-comparison-table .column-product .product-value,
  .service-comparison-table .column-product .product-value-small {
    clear: both; }
  .service-comparison-table .column-product .product-detail-panel {
    background: transparent;
    margin: 0;
    padding: 0 !important;
    border: none; }
  .service-comparison-table .column-product .product-detail-panel .ui-panel-content {
    padding: 0 !important; }
  .service-comparison-table .column-product .product-detail:after {
    position: absolute;
    content: ' ';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .service-comparison-table .column-product .product-detail-content {
    display: inline-block; }
  .service-comparison-table .column-product .product-detail-mobile {
    float: left;
    margin-left: 10px;
    font-size: 15px; }
  .service-comparison-table .column-product .product-detail-header-mobile {
    float: left;
    margin-left: 10px;
    color: #173e8e;
    font-size: 15px;
    font-weight: bold; }
  .service-comparison-table .column-product .product-value .product-detail-mobile {
    font-weight: bold; }
  .service-comparison-table .column-product.column-product-disable .product-detail {
    z-index: 10; }
  .service-comparison-table .column-product.column-product-disable .product-selection {
    display: none; }
  .service-comparison-table .hypo-self-wrapper.column-product-disable .column-inner {
    background-color: rgba(233, 231, 231, 0.7); }
  .service-comparison-table .product-reason ul {
    list-style-type: none;
    margin-top: 0px; }
  .service-comparison-table .product-reason li {
    margin-left: -10px;
    list-style: disc; }
  .service-comparison-table .percent-promocode {
    font-size: 26px !important; }
  .service-comparison-table .promocodePanel .ui-inplace-editor {
    display: none; }
  .service-comparison-table .promocodePanel .promocode-inplace-editor {
    display: inline-block; }
  .service-comparison-table .promocodePanel .promocode-name {
    max-width: 63%;
    background-color: transparent; }
  .service-comparison-table .promocodePanel .ui-message-error-icon,
  .service-comparison-table .promocodePanel .ui-message-info-icon {
    display: none; }
  .service-comparison-table .promocodePanel .ui-message {
    background-color: transparent !important;
    margin-left: 0px;
    text-align: left; }
  .service-comparison-table .promocodePanel .ui-message-error-detail,
  .service-comparison-table .promocodePanel .ui-message-info-detail {
    margin-left: 0px;
    color: var(--bal-color-primary); }
  .service-comparison-table .promocodePanel .ui-message-error,
  .service-comparison-table .promocodePanel .ui-message-info {
    padding-top: 12px !important; }
  .service-comparison-table .column-product .product-selection.promocode-inplace {
    border-bottom: solid 1px #d9e1f0 !important;
    padding: 25px 0 25px 12px;
    text-align: center; }
  .service-comparison-table .promocodePanel .ui-inplace .ui-inplace-display.ui-state-highlight {
    background-color: transparent;
    border: none !important;
    padding: 0; }
  .service-comparison-table .additional-promocode-panel {
    padding: 35px !important;
    border-bottom: solid 1px #d9e1f0 !important; }
  .service-comparison-table .promocode-question {
    display: none; }
  .service-comparison-table .promocode-title {
    text-align: left; }
  .service-comparison-table .promocode-editor {
    text-align: left; }
  .service-comparison-table .promocode-message .ui-messages-info {
    display: none; }
  .service-comparison-table .promocode-message .ui-messages-error {
    border: none;
    background-color: transparent !important;
    font-size: 14px;
    padding: 0 !important;
    margin-left: -35px;
    margin-bottom: -14px; }
  .service-comparison-table .promocode-message .ui-messages-error-icon {
    display: none; }
  .service-comparison-table .ui-tooltip-content ul {
    padding: 0px; }
  .service-comparison-table .ui-tooltip-content ul li {
    list-style: circle;
    padding: 2px;
    margin-left: 20px; }
  .service-comparison-table .product-form-inplace-btn {
    display: none; }
  .service-comparison-table img.product-form-inplace-img {
    padding-left: 2px;
    cursor: pointer; }
  .service-comparison-table p.consultation-description {
    padding-bottom: 40px; }
  .service-comparison-table .btn-consultation {
    position: absolute;
    bottom: 5px;
    width: calc(100% - 24px); }

.main-form .red-result .red-result {
  line-height: 1.5333em; }

.main-form .red-result .introduction {
  min-height: 50px;
  font-weight: bold; }

.main-form .red-result ul li {
  list-style-type: disc;
  list-style-position: inside; }

.ui-tooltip,
.qtip {
  font-size: inherit;
  line-height: inherit; }

.ui-tooltip-content ul {
  padding-left: 10px; }

.ui-tooltip-content ul li {
  list-style-type: disc; }

.all-interest-rate-table {
  border: none; }
  .all-interest-rate-table th,
  .all-interest-rate-table tr,
  .all-interest-rate-table td {
    background-color: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important; }
  .all-interest-rate-table th {
    border-top: none !important; }
  .all-interest-rate-table th:first-child {
    border: none; }
  .all-interest-rate-table tbody tr:last-child td {
    border-bottom: none !important; }
  .all-interest-rate-table .ui-datatable-tablewrapper {
    overflow: visible;
    padding-top: 20px;
    margin: 0px; }
  .all-interest-rate-table .online-interest-rate-column {
    position: relative;
    overflow: visible; }

.all-interest-rate-dialog {
  max-width: 737px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles */
  .column-product .product-detail ul {
    margin: 0;
    padding: 0px 10px 5px 20px; } }

@media (max-width: 480px) {
  .ui-display-tablet {
    display: none; }
  .service-comparison-table .column-product {
    height: auto;
    margin-bottom: 10px; }
  .service-comparison-table .column-product:last-child {
    margin-bottom: 0; }
  .service-comparison-table .column-inner {
    position: relative;
    right: 0; }
  .service-comparison-table .product-header-group {
    height: auto; }
  .service-comparison-table .column-product .product-value-mobile {
    float: right;
    margin-right: 20px; }
  .service-comparison-table .column-product .product-detail .product-value-small > img {
    margin-right: 18px; }
  .service-comparison-table .column-product .product-detail {
    border-bottom: 2px solid #d9e1f0;
    margin-bottom: 0; }
  .service-comparison-table .product-header-group ~ .product-detail {
    border-top: 2px solid #d9e1f0; }
  .service-comparison-table .column-product .product-selection {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  .product-collapse-panel .ui-product-table-collapse-row .ui-panel-product-right-column.ui-chevron-up-icon,
  .product-collapse-panel .ui-product-table-collapse-row .ui-panel-product-right-column.ui-chevron-down-icon {
    margin-right: 1px;
    min-width: 36px;
    width: 36px; }
  .EmptyBox30 {
    height: 0px; }
  .additional-promocode-panel {
    display: none; }
  .promocode-editor {
    padding-left: 30% !important; }
  .service-comparison-table .column-product .item-icon {
    float: right;
    height: 28px; }
  .service-comparison-table .hypo-comfort-wrapper.column-product .item-icon-hypocomfort {
    position: absolute;
    right: 65px; }
  .service-comparison-table .column-product .product-detail .product-value-small > img.item-icon-hypocomfort {
    margin-right: 0px; } }

@media (min-width: 480px) {
  .evaluation-dialog-container.ui-dialog .ui-dialog-titlebar {
    height: 0;
    padding: 10px 10px 0 0 !important; }
  .service-comparison-table {
    width: 100%;
    float: left; }
  .service-comparison-table .product-detail-label-wrapper {
    width: 51%; }
  .service-comparison-table .hypo-self-wrapper {
    width: 24.5%; }
  .service-comparison-table .hypo-comfort-wrapper {
    width: 24.5%; }
  .service-comparison-table div.product-detail,
  .service-comparison-table .product-header-group {
    border-bottom: solid 1px #d9e1f0 !important;
    padding-bottom: 20px; }
    .service-comparison-table div.product-detail span.fa.fa-info-circle,
    .service-comparison-table .product-header-group span.fa.fa-info-circle {
      width: 24px;
      height: 24px; }
  .hypo-self-wrapper.column-product .product-detail.product-interest-rate,
  .hypo-comfort-wrapper.column-product .product-detail.product-interest-rate {
    padding-bottom: 18px; } }

@media (max-width: 640px) {
  .promocode-editor {
    padding-left: 10% !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .mortgage-products {
    height: fit-content !important;
    line-height: 30px !important; } }

@-moz-document url-prefix() {
  /* gecko CSS style*/
  .column-product .product-detail h3 .product-detail-content {
    margin-top: 3px; } }

@supports (-ms-ime-align: auto) {
  .column-product .product-detail h3 .product-detail-content {
    margin-top: 4px; } }

.product-all-rates-show {
  margin-top: 10px;
  width: 70%;
  font-weight: bold; }

.service-comparison-table .hypo-self-wrapper,
.service-comparison-table .hypo-self-wrapper p,
.service-comparison-table .hypo-self-wrapper .ui-panel .ui-panel-content {
  color: var(--bal-color-primary) !important; }

.service-comparison-table p {
  font-size: inherit;
  line-height: inherit; }

.product-condition-section {
  border-bottom: none !important;
  padding-bottom: 20px; }
  .product-condition-section .product-detail-content-last {
    height: 0px; }

.service-comparison-table span.icon-underbar:before {
  display: block;
  content: '\00332'; }

.consultation-case {
  margin-top: 80px; }
  .consultation-case .btn-appointment {
    width: calc(100% - 67px); }
  .consultation-case .product-banner .container {
    position: relative; }
    .consultation-case .product-banner .container .interest-type {
      display: inline-block;
      text-align: right;
      width: 40%; }
    .consultation-case .product-banner .container .interest-rate {
      padding-left: 10px;
      display: inline-block;
      vertical-align: sub;
      width: 60%; }
    .consultation-case .product-banner .container .mask {
      position: absolute;
      width: 25%;
      bottom: 40%;
      border-bottom: 3px white solid;
      transform: rotate(-20deg);
      left: 33%; }