@charset "UTF-8";
/* Jest to zbiorczy(głowny) plik przechowujący wszystkie wymagane @importy
 * wykorzystywane przez komponent Custom forms
 * ==========
 * Lista wymaganych zależności:
 * 1. Web fonts
 * 2. Bootstrap v4.5.2
 * 3. Selectize, mcustomscrollbar
 * 4. Necessary imports
 * 5. Mixins
 * 6. Component custom forms
 * 7. Custom forms for web specials
 */
/* Ten plik, to miejsce w którym nadpisujemy zmienne znajdujące się w powyżej
 * zaimportowany pliku.
 * 1. Colors
 * 2. Typography
 * 2.1. Font sizes - design system
 * 2.2. Line height - design system
 * 3. Border
 * 3a. Border - design system
 * * 3.1. Border radius
 * 8 3.1a. Border radius - design system
 * 4. Spacers
 * 4a. Spacers - design system
 * 5. Transitions
 * 6. Namespaces
 * 7. Paths to static resources
 * 8. Layer widths
 * 9. Buttons
 * 10. Z-index
 * 11. Grid breakpoints
 * 12. Owl Carousel
 * 13. Forms
 * 14. Pagination
 * 15. Modals/Popups
 * 16. Other
 */
/* squared */
/* full rounded */
/* Warianty kolorystyczne dla badge */
/* Warianty kolorystyczne dla porównawczej tabeli subfunduszy (komponent Quotes all funds)
       analogiczne kolory dla chart-sów w pliku quotes.clj, funkcja chartColors */
/* resting */
/* medium */
/* large */
/* focus flat outer */
/* focus flat inner */
/* focus raised */
/* focus floating */
/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }

.selectize-dropdown-header-close:hover {
  color: #000000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff; }

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px; }

.selectize-control {
  position: relative; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-control.single .selectize-input.input-active,
.selectize-input {
  background: #ffffff;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px; }

.selectize-input.full {
  background-color: #ffffff; }

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important; }

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1; }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0; }

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff; }

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.selectize-input > input::-ms-clear {
  display: none; }

.selectize-input > input:focus {
  outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden; }

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  border-radius: 1px; }

.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
  padding: 5px 8px; }

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none; }

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default; }

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68; }

.selectize-dropdown .active.create {
  color: #495c68; }

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch; }

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* non-visible scrollbar */
/* RTL direction/left-side scrollbar */
/* scrollbar position: outside */
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* non-visible scrollbar */
/* scrollbar position: outside */
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* non-visible horizontal scrollbar */
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
/* RTL direction/left-side scrollbar */
/* non-visible scrollbar/RTL direction/left-side scrollbar */
/* non-visible horizontal scrollbar */
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
/* auto-expanded scrollbar */
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
/* theme: "dark" */
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
/* theme: "dark-2" */
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
/* theme: "dark-thick" */
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
/* theme "dark-thin" */
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
/* theme "rounded-dark", "rounded-dots-dark" */
/* theme "rounded-dots", "rounded-dots-dark" */
/* theme "rounded-dots-dark" */
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
/* theme "3d", "3d-dark" */
/* theme "3d-dark" */
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
/* theme: "3d-thick-dark" */
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
/* RTL direction/left-side scrollbar */
/* theme: "minimal-dark" */
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
/* theme "dark-3" */
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
/* theme "inset-2", "inset-2-dark" */
/* theme "inset-3", "inset-3-dark" */
/* ---------------------------------------- */
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }
  .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }
  .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }
  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px; }
  .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px; }
  .mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }
  .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto; }

.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px; }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
  left: -26px; }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
  left: 20px; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }
  .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto; }
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0; }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; }
  .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1; }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      position: relative;
      width: 4px;
      height: 100%;
      margin: 0 auto;
      -webkit-border-radius: 16px;
      border-radius: 16px;
      text-align: center;
      -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.75);
      filter: "alpha(opacity=75)";
      -ms-filter: "alpha(opacity=75)"; }
    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.85);
      filter: "alpha(opacity=85)";
      -ms-filter: "alpha(opacity=85)"; }
    .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.9);
      filter: "alpha(opacity=90)";
      -ms-filter: "alpha(opacity=90)"; }
  .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    background-position: 0 0; }
    .mCSB_scrollTools .mCSB_buttonUp:hover {
      opacity: 0.75;
      filter: "alpha(opacity=75)";
      -ms-filter: "alpha(opacity=75)"; }
    .mCSB_scrollTools .mCSB_buttonUp:active {
      opacity: 0.9;
      filter: "alpha(opacity=90)";
      -ms-filter: "alpha(opacity=90)"; }
  .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    bottom: 0;
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    background-position: 0 -20px; }
    .mCSB_scrollTools .mCSB_buttonDown:hover {
      opacity: 0.75;
      filter: "alpha(opacity=75)";
      -ms-filter: "alpha(opacity=75)"; }
    .mCSB_scrollTools .mCSB_buttonDown:active {
      opacity: 0.9;
      filter: "alpha(opacity=90)";
      -ms-filter: "alpha(opacity=90)"; }
  .mCSB_scrollTools .mCSB_buttonLeft {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    background-position: 0 -40px; }
    .mCSB_scrollTools .mCSB_buttonLeft:hover {
      opacity: 0.75;
      filter: "alpha(opacity=75)";
      -ms-filter: "alpha(opacity=75)"; }
    .mCSB_scrollTools .mCSB_buttonLeft:active {
      opacity: 0.9;
      filter: "alpha(opacity=90)";
      -ms-filter: "alpha(opacity=90)"; }
  .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    background-position: 0 -56px; }
    .mCSB_scrollTools .mCSB_buttonRight:hover {
      opacity: 0.75;
      filter: "alpha(opacity=75)";
      -ms-filter: "alpha(opacity=75)"; }
    .mCSB_scrollTools .mCSB_buttonRight:active {
      opacity: 0.9;
      filter: "alpha(opacity=90)";
      -ms-filter: "alpha(opacity=90)"; }
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 12px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 8px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0; }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
      width: 100%;
      height: 4px;
      margin: 6px auto; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    left: 0; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    right: 0; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

/*
* Animacje
* ==========
* 1. fading_entrances
*  1.1 fadeIn
*  1.2 fadeInUp
*  1.3 fadeInDown
* 2. fading_exits
*  2.1 fadeOut
*  2.2 fadeOutUp
*  2.3 fadeOutDown
* 3. Preloader
* 4. Animated Map with markers
* 5. Ripple
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); } }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); } }

@-webkit-keyframes donut-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes donut-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes uc-animated-map-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(236, 0, 0, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(236, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(236, 0, 0, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(236, 0, 0, 0); } }

@keyframes uc-animated-map-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(236, 0, 0, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(236, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(236, 0, 0, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(236, 0, 0, 0); } }

@-webkit-keyframes uc-animated-map-fadeup {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); } }

@keyframes uc-animated-map-fadeup {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); } }

@-webkit-keyframes uc-animated-map-fadedown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0); } }

@keyframes uc-animated-map-fadedown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0); } }

@-webkit-keyframes ripple {
  to {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }

@keyframes ripple {
  to {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.fade-out {
  -webkit-animation: fadeOut ease 1s;
  animation: fadeOut ease 1s; }

.fade-in {
  -webkit-animation: fadeIn ease 1s;
  animation: fadeIn ease 1s; }

/*
 * Lista dedykowanych mixin dla klienta Santander
 * ==========
 * 1. Text decoration
 * 2. Gauges
 * 3. Centering elements by transform: translate
 * 4. Hidden element by display: none
 * 5. Centering elements
 * 6. Buttons
 * 7. Badge
 * 8. Circles drawer
 * 9. Media only 320px
 * 10. Owl Carousel
 * 11. Anchor border-bottom
  * 12. Lists
 */
/*
 * 13. Stretched pseudo element
 * 14. Transitions
 * 15. Default box shadow
 * 16. Short line
 * 17. Forms ( elementy podstawowe )
 * 18. Fonts
 * 19. Preloader
 * 20. Grid (workshop / offers)
 * 21. Badge promocyjny
 * 22. Box basic
 * 23. Tabs
 */
/*
 * 25. Others
 * 26. Focus
 * 27. Animation on menu
*/
/* Wymagany markup */
/*
@mixin icon-name($filename) {
    content: icon-char($filename);
}

@mixin icon-size($size) {
    size: $size;
    line-height: $size;
    font-size: $size;
}

@mixin icon($filename, $size) {
    @include icon-name($filename);
    @include icon-size($size);
    font-family: $icons-font-name;
    display: block;
    text-align: center;
    font-style: normal !important;
    font-weight: normal !important;
}*/
/*
 + In case of 'menuType' = 'top', the class 'animated_menu' is required for the element 'header__top -> header__segments'.
 + And in case of 'menuType' = 'bottom', the class 'animated_menu' is required for the element 'header__bottom -> header__navigation'.
 + The classes should be added in the CMS in the 'headers and footers' module.
 */
/*
 * Lista dedykowanych placeholderów dla klienta Santander
 * ==========
 * 1. Placeholdery dot. odstępów
 * 2. Placeholdery dot. ukrywania elementów
 * 3. Placeholdery dot. środkowania elementów
 * 4. Placeholder do utworzenia linku
 * 5. Placeholdery do utworzenia linku ze strzałką
 * 6. Placeholdery dot. box-shadow
 * 7. Placeholdery dot. list ( uporządkowanych, nieuporządkowanych )
 * 8. Placeholder do utworzenia disclaimer'a
 * 9. Placeholdery do utworzenia linku z ikonką outside
 *
*/
.customForms__field.checkbox .customForms__fieldLabel a, .customForms a, .customForms a.link:not([href]):not([tabindex]) {
  font-family: "Santander MicroText", sans-serif;
  display: inline-block;
  color: #127277;
  font-weight: 600;
  font-size: 16px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 24px; }
  .customForms__field.checkbox .customForms__fieldLabel a:active, .customForms a:active, .customForms a.link:active:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a:focus, .customForms a:focus, .customForms a.link:focus:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a:hover, .customForms a:hover, .customForms a.link:hover:not([href]):not([tabindex]) {
    text-decoration: none; }
  .customForms__field.checkbox .customForms__fieldLabel a:active, .customForms a:active, .customForms a.link:active:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a:hover, .customForms a:hover, .customForms a.link:hover:not([href]):not([tabindex]) {
    color: #0d5155; }
  .customForms__field.checkbox .customForms__fieldLabel a:focus, .customForms a:focus, .customForms a.link:focus:not([href]):not([tabindex]) {
    outline-color: #3366ff;
    outline-width: 2px;
    outline-offset: 2px;
    outline-style: solid;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .customForms__field.checkbox .customForms__fieldLabel a.disabled, .customForms a.disabled, .customForms a.disabled.link:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a[disabled], .customForms a[disabled], .customForms a.link[disabled]:not([href]):not([tabindex]) {
    color: rgba(34, 34, 34, 0.23);
    pointer-events: none; }
    .customForms__field.checkbox .customForms__fieldLabel a.disabled:active, .customForms a.disabled:active, .customForms a.disabled.link:active:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a.disabled:focus, .customForms a.disabled:focus, .customForms a.disabled.link:focus:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a.disabled:hover, .customForms a.disabled:hover, .customForms a.disabled.link:hover:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a[disabled]:active, .customForms a[disabled]:active, .customForms a.link[disabled]:active:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a[disabled]:focus, .customForms a[disabled]:focus, .customForms a.link[disabled]:focus:not([href]):not([tabindex]), .customForms__field.checkbox .customForms__fieldLabel a[disabled]:hover, .customForms a[disabled]:hover, .customForms a.link[disabled]:hover:not([href]):not([tabindex]) {
      text-decoration: none; }

.customForms {
  font-family: 'Santander MicroText', sans-serif; }
  .customForms__fieldError {
    font-family: "Santander MicroText", sans-serif;
    font-size: 14px;
    margin: 8px 0 0 0;
    padding-left: 24px;
    color: #990000;
    line-height: 20px;
    background-image: url("/_cms-img/icons/warning.svg");
    background-repeat: no-repeat;
    display: none; }
    .customForms__fieldError.state-visible {
      display: block; }
  .popup .customForms {
    padding-bottom: 40px; }
  .customForms__fieldHideable.content_input.state-hidden {
    display: none; }
  .customForms__field {
    margin-bottom: 35px;
    position: relative; }
    @media (max-width: 767.98px) {
      .customForms__field {
        margin-bottom: 20px; } }
    .customForms__field.customForms__fieldHideable.state-hidden {
      display: none; }
    .customForms__field.single_text_line .customForms__fieldLabel, .customForms__field.selector .customForms__fieldLabel, .customForms__field.multiple_text_line .customForms__fieldLabel {
      position: absolute;
      top: 5px;
      left: 15px;
      bottom: unset;
      right: unset;
      z-index: 5; }
      .customForms__field.single_text_line .customForms__fieldLabel--transformed, .customForms__field.selector .customForms__fieldLabel--transformed, .customForms__field.multiple_text_line .customForms__fieldLabel--transformed {
        top: -15px;
        background-color: #fff;
        font-size: 1.3rem; }
    .customForms__field.multiple_text_line .customForms__tooltipBox,
    .customForms__field.checkbox_list .customForms__tooltipBox,
    .customForms__field.radiobutton_list .customForms__tooltipBox {
      top: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .customForms__fieldLabel {
      color: #222222;
      line-height: 24px; }
      .customForms__fieldLabel.required:after {
        content: "*";
        display: none; }
    .customForms__field input ~ .customForms__tooltipBox,
    .customForms__field .customForms__fieldSelectButton ~ .customForms__tooltipBox {
      top: 20px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .customForms__field input:not([type='checkbox']):not([type='radio']) {
      height: 48px;
      color: #222222;
      padding: 12px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 16px;
      line-height: 24px;
      border: 1px solid #8f8f8f;
      background: #ffffff; }
      .customForms__field input:not([type='checkbox']):not([type='radio']).state-error {
        border-color: #990000 !important; }
      .customForms__field input:not([type='checkbox']):not([type='radio'])::-webkit-input-placeholder {
        color: #727272; }
      .customForms__field input:not([type='checkbox']):not([type='radio'])::-moz-placeholder {
        color: #727272; }
      .customForms__field input:not([type='checkbox']):not([type='radio'])::-ms-input-placeholder {
        color: #727272; }
      .customForms__field input:not([type='checkbox']):not([type='radio'])::placeholder {
        color: #727272; }
      .customForms__field input:not([type='checkbox']):not([type='radio']):hover {
        border-color: #222222; }
      .customForms__field input:not([type='checkbox']):not([type='radio']):focus {
        border-color: transparent !important;
        outline: 2px solid #127277; }
    .customForms__field .customForms__fieldSelectButton {
      height: 48px;
      color: #222222;
      padding: 12px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 16px;
      line-height: 24px;
      border: 1px solid #8f8f8f;
      background: #ffffff;
      overflow: hidden;
      white-space: nowrap;
      position: relative; }
      .customForms__field .customForms__fieldSelectButton.state-error {
        border-color: #990000 !important; }
      .customForms__field .customForms__fieldSelectButton::-webkit-input-placeholder {
        color: #727272; }
      .customForms__field .customForms__fieldSelectButton::-moz-placeholder {
        color: #727272; }
      .customForms__field .customForms__fieldSelectButton::-ms-input-placeholder {
        color: #727272; }
      .customForms__field .customForms__fieldSelectButton::placeholder {
        color: #727272; }
      .customForms__field .customForms__fieldSelectButton:hover {
        border-color: #222222; }
      .customForms__field .customForms__fieldSelectButton:focus {
        border-color: transparent !important;
        outline: 2px solid #127277; }
      .customForms__field .customForms__fieldSelectButton:after {
        content: '';
        background-color: white;
        width: 56px;
        height: 48px;
        position: absolute;
        display: block;
        top: 0;
        right: 0; }
      .customForms__field .customForms__fieldSelectButton.placeholder {
        color: #727272; }
    .customForms__field textarea {
      width: 100%;
      color: #222222;
      padding: 12px 40px 12px 12px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 16px;
      line-height: 24px;
      border: 1px solid #8f8f8f;
      vertical-align: top; }
      .customForms__field textarea.state-error {
        border-color: #990000; }
      .customForms__field textarea::-webkit-input-placeholder {
        color: #727272; }
      .customForms__field textarea::-moz-placeholder {
        color: #727272; }
      .customForms__field textarea::-ms-input-placeholder {
        color: #727272; }
      .customForms__field textarea::placeholder {
        color: #727272; }
      .customForms__field textarea:hover {
        border-color: #222222; }
      .customForms__field textarea:focus {
        border-color: transparent !important;
        outline: 2px solid #127277; }
    .customForms__fieldDescription {
      font-family: "Santander MicroText", sans-serif;
      font-size: 14px;
      color: #727272;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      margin-top: 4px;
      width: 100%; }
    .customForms__fieldSelect {
      position: relative; }
      .customForms__fieldSelect select {
        display: none;
        pointer-events: none; }
        .customForms__fieldSelect select.state-error + .customForms__fieldSelectButton {
          border-color: #990000 !important; }
          .customForms__fieldSelect select.state-error + .customForms__fieldSelectButton:focus {
            border-color: transparent !important; }
      .customForms__fieldSelect.open .customForms__fieldSelectOptions {
        display: block; }
      .customForms__fieldSelect.open .customForms__fieldSelectArrow:after {
        -webkit-transform: translateY(-50%) rotateZ(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotateZ(-180deg); }
      .customForms__fieldSelectArrow::after {
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: unset;
        bottom: unset;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: "web-font";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
        text-decoration: none;
        text-transform: none;
        content: "\E004";
        display: inline-block;
        color: #127277;
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
        font-size: 14px;
        margin: 0;
        border: 0;
        font-size: 16px; }
      .customForms__fieldSelectButton {
        width: 100%; }
      .customForms__fieldSelectOptions {
        position: absolute;
        top: calc(100% + 4px);
        display: none;
        padding: 4px;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 1px 10px rgba(68, 68, 68, 0.2);
        box-shadow: 0px 1px 10px rgba(68, 68, 68, 0.2);
        z-index: 1000;
        background-color: #ffffff; }
        .customForms__fieldSelectOptions::-webkit-scrollbar {
          width: 12px;
          height: 100%;
          background: #ffffff; }
        .customForms__fieldSelectOptions::-webkit-scrollbar-thumb {
          height: 25%;
          min-height: 80px;
          background: #8f8f8f;
          border: 4px solid rgba(0, 0, 0, 0);
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-border-radius: 40px;
          border-radius: 40px;
          background-color: #8f8f8f; }
        .customForms__fieldSelectOptions .combo-option {
          padding: 12px 8px;
          font-family: "Santander MicroText", sans-serif;
          font-size: 16px;
          line-height: 24px;
          color: #222222;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .customForms__fieldSelectOptions .combo-option:first-child {
            height: 48px; }
            .customForms__fieldSelectOptions .combo-option:first-child .icon-check_light {
              display: none; }
        .customForms__fieldSelectOptions .option-current {
          font-weight: 700;
          background-color: #edf5f6; }
          .customForms__fieldSelectOptions .option-current .icon-check_light:before {
            content: "\E05B";
            font-family: "web-font";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
            text-decoration: none;
            text-transform: none;
            color: #127277;
            width: 24px;
            height: 24px; }
    .customForms__fieldTextWrapper, .customForms__fieldTextareaWrapper {
      position: relative; }
    .customForms__fieldTextClear, .customForms__fieldTextareaClear {
      display: none;
      position: absolute;
      top: 12px;
      right: 12px;
      font-size: 24px;
      line-height: 24px;
      width: 24px;
      height: 24px;
      padding: 0;
      background-color: transparent;
      border: none;
      color: #127277; }
      .customForms__fieldTextClear span, .customForms__fieldTextareaClear span {
        display: inline-block;
        width: 24px;
        height: 24px; }
    .customForms__fieldText.not-empty + .customForms__fieldTextareaClear, .customForms__fieldTextarea.not-empty + .customForms__fieldTextareaClear {
      display: block; }
    .customForms__fieldText {
      width: 100%; }
      .customForms__fieldText:focus ~ .customForms__fieldLabel,
      .customForms__fieldText.not-empty ~ .customForms__fieldLabel {
        top: -15px;
        font-size: 1.3rem;
        background-color: #fff; }
      .customForms__fieldText.not-empty {
        background-color: #fff; }
      @media (max-width: 480.98px) {
        .customForms__fieldText {
          width: 100%; } }
    .customForms__fieldDatepickerWrapper {
      position: relative;
      z-index: 999;
      display: inline-block; }
      .customForms__fieldDatepickerWrapper::after {
        position: absolute;
        right: 12px;
        top: 12px;
        content: "";
        display: block;
        width: 20px;
        height: 24px;
        background-image: url("/_cms-img/icons/calendar.svg");
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 15;
        pointer-events: none; }
    .customForms__fieldDatepicker {
      padding-left: 40px;
      width: 160px; }
  .customForms .file_selector .customForms__fieldLabel {
    display: inline-block;
    background-color: #fff;
    min-width: 136px;
    padding: 12px 20px;
    -webkit-box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
    color: #ec0000;
    border: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-family: "Santander MicroText", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-top: 8px; }
    .customForms .file_selector .customForms__fieldLabel:active, .customForms .file_selector .customForms__fieldLabel:focus, .customForms .file_selector .customForms__fieldLabel:hover {
      text-decoration: none; }
    .customForms .file_selector .customForms__fieldLabel:focus {
      outline-color: #3366ff;
      outline-width: 2px;
      outline-offset: 2px;
      outline-style: solid;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .customForms .file_selector .customForms__fieldLabel span.ripple {
      display: inline-block;
      position: absolute;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-animation: ripple 600ms linear;
      animation: ripple 600ms linear;
      background-color: rgba(34, 34, 34, 0.1); }
    .customForms .file_selector .customForms__fieldLabel:hover, .customForms .file_selector .customForms__fieldLabel:focus {
      color: #cc0000; }
    .customForms .file_selector .customForms__fieldLabel:hover {
      background-color: #f6f6f6; }
    .customForms .file_selector .customForms__fieldLabel.primary {
      background-color: #ec0000;
      color: #fff; }
      .customForms .file_selector .customForms__fieldLabel.primary:hover {
        background-color: #cc0000; }
    .customForms .file_selector .customForms__fieldLabel.disabled, .customForms .file_selector .customForms__fieldLabel[disabled] {
      background-color: rgba(34, 34, 34, 0.06);
      color: rgba(34, 34, 34, 0.23);
      -webkit-box-shadow: none;
      box-shadow: none;
      pointer-events: none;
      cursor: default; }
    .customForms .file_selector .customForms__fieldLabel.tertiary {
      color: #127277;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .customForms .file_selector .customForms__fieldLabel.tertiary:hover {
        color: #0d5155;
        background-color: rgba(34, 34, 34, 0.04); }
      .customForms .file_selector .customForms__fieldLabel.tertiary:focus {
        color: #127277; }
      .customForms .file_selector .customForms__fieldLabel.tertiary.disabled, .customForms .file_selector .customForms__fieldLabel.tertiary[disabled] {
        background-color: rgba(34, 34, 34, 0.01);
        color: rgba(34, 34, 34, 0.23); }
    .customForms .file_selector .customForms__fieldLabel.small {
      padding: 6px 16px;
      min-width: 112px;
      font-size: 14px;
      line-height: 20px; }
    .customForms .file_selector .customForms__fieldLabel.wide {
      padding-left: 39px;
      padding-right: 39px; }
  .customForms .file_selector input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  .customForms .file_selector .customForms__fileNames {
    display: block;
    font-size: 16px;
    padding-top: 24px; }
    .customForms .file_selector .customForms__fileNames.state-hidden {
      display: none; }
  .customForms .file_selector .customForms__filePreloader {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: -o-linear-gradient(#fff, #fff), -o-radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    -webkit-background-origin: border-box;
    background-origin: border-box;
    -webkit-background-clip: content-box, border-box;
    background-clip: content-box, border-box;
    border: 4px solid transparent;
    border-left-color: #ec0000;
    border-bottom-color: #ec0000;
    width: 40px;
    height: 40px;
    -webkit-animation: donut-spin 1.2s linear infinite;
    animation: donut-spin 1.2s linear infinite;
    z-index: 10;
    width: 30px;
    height: 30px; }
    .customForms .file_selector .customForms__filePreloader:before {
      content: '';
      display: block;
      position: absolute;
      top: 1px;
      left: 1px;
      width: 4px;
      height: 4px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-color: #ec0000; }
    .customForms .file_selector .customForms__filePreloader:before {
      width: 3px;
      height: 3px;
      top: 0; }
    .customForms .file_selector .customForms__filePreloaderSection {
      display: none;
      padding-top: 7.5px; }
      .customForms .file_selector .customForms__filePreloaderSection.state-loading {
        display: block; }
  .customForms .file_selector .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    line-height: 24px; }
  .customForms .file_selector .field-global-error {
    color: #ec0000;
    font-size: 15px;
    margin-bottom: 15px; }
  .customForms .file_selector .button_remove {
    margin-left: 16px;
    width: 24px;
    height: 24px; }
    .customForms .file_selector .button_remove:after {
      content: "\E053";
      font-family: "web-font";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
      text-decoration: none;
      text-transform: none;
      color: #127277;
      font-size: 24px; }
    .customForms .file_selector .button_remove:hover {
      cursor: pointer; }
  .customForms .file_selector .options_info {
    margin-top: 16px; }
    .customForms .file_selector .options_info tr td:first-child {
      font-weight: 600; }
  .customForms__checkboxField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #8f8f8f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: unset;
    box-shadow: unset; }
    .customForms__checkboxField:hover:enabled {
      border-color: #222222; }
    .customForms__checkboxField:checked:after, .customForms__checkboxField:checked:enabled:after {
      content: "\E05B";
      font-family: "web-font";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
      text-decoration: none;
      text-transform: none;
      display: block;
      color: #ffffff;
      font-size: 10px;
      line-height: 24px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      bottom: unset;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: 700; }
    .customForms__checkboxField:checked:after {
      color: #727272; }
    .customForms__checkboxField:checked:enabled {
      background-color: #127277;
      border-color: #127277; }
      .customForms__checkboxField:checked:enabled:hover:enabled {
        background-color: #0d5155;
        border-color: #0d5155; }
    .customForms__checkboxField:focus:enabled {
      outline: #3366ff 3px solid;
      outline-offset: 3px; }
    .customForms__checkboxField:disabled {
      border-color: #CCCCCC;
      cursor: default; }
      .customForms__checkboxField:disabled + label {
        color: rgba(34, 34, 34, 0.23);
        cursor: default; }
    .customForms__checkboxField + .customForms__fieldLabel {
      font-family: "Santander MicroText", sans-serif;
      font-size: 16px;
      padding: 0;
      margin-left: 8px;
      margin-bottom: 0;
      color: #222222;
      line-height: 24px;
      cursor: pointer;
      width: calc(100% - 32px); }
      .customForms__checkboxField + .customForms__fieldLabel p {
        margin-bottom: 0; }
      .customForms__checkboxField + .customForms__fieldLabel a {
        color: #127277; }
    .customForms__checkboxField.state-error {
      border-color: #990000 !important; }
  .customForms__checkboxList div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .customForms__checkboxList div .customForms__fieldError {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  .customForms__radioOptions {
    display: block; }
    .customForms__radioOptions .customForms__radioOption {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 20px;
      font-size: 16px; }
      .customForms__radioOptions .customForms__radioOption:last-child {
        padding-bottom: 12px; }
    .customForms__radioOptions + .customForms__fieldError {
      margin-top: -4px; }
    .customForms__radioOptions .customForms__fieldRadio {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 24px;
      height: 24px;
      padding: 4px;
      border: 1px solid #8f8f8f;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: none;
      box-shadow: none;
      z-index: 1;
      position: relative;
      cursor: pointer; }
      .customForms__radioOptions .customForms__fieldRadio::before {
        content: "";
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: unset;
        right: unset;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .customForms__radioOptions .customForms__fieldRadio:checked {
        border: 2px solid #127277; }
        .customForms__radioOptions .customForms__fieldRadio:checked::before {
          display: block;
          height: 12px;
          width: 12px;
          background-color: #127277; }
        .customForms__radioOptions .customForms__fieldRadio:checked:hover {
          border-color: #0d5155; }
          .customForms__radioOptions .customForms__fieldRadio:checked:hover::before {
            background-color: #0d5155; }
      .customForms__radioOptions .customForms__fieldRadio:focus {
        outline: #3366ff 3px solid;
        outline-offset: 3px; }
      .customForms__radioOptions .customForms__fieldRadio:hover {
        border-color: #222222; }
      .customForms__radioOptions .customForms__fieldRadio + .customForms__fieldRadioLabel {
        font-family: "Santander MicroText", sans-serif;
        font-size: 16px;
        padding: 0;
        margin-left: 8px;
        margin-bottom: 0;
        color: #222222;
        line-height: 24px;
        cursor: pointer; }
  .customForms__submit {
    margin: 0 auto; }
    .customForms__submitWrapper {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .customForms__submit.is_submitting {
      pointer-events: none;
      background-color: #cc0000; }
    .customForms__submit:focus {
      outline: 2px solid #3366ff;
      outline-offset: 2px;
      background-color: #ec0000 !important; }
  .customForms__columnsNumber--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px; }
    @media (max-width: 767.98px) {
      .customForms__columnsNumber--2 {
        display: block; } }
    .customForms__columnsNumber--2 .customForms__column {
      -webkit-box-flex: 50%;
      -ms-flex: 50% 0 0px;
      flex: 50% 0 0;
      padding: 0 15px; }
  .customForms__success, .customForms__error {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 55px; }
  .customForms__row h2, .customForms__success h2, .customForms__error h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 15px; }
  .customForms__error {
    text-align: center;
    display: none; }
    .customForms__error--is-visible {
      display: block; }
  .customForms__errorContent {
    max-width: 320px;
    margin: 10px auto; }
    .customForms__errorContent::before {
      content: "\E017";
      font-family: "web-font";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
      text-decoration: none;
      text-transform: none;
      color: #ec0000;
      font-size: 4.7rem;
      font-weight: lighter; }
    @media (max-width: 767.98px) {
      .customForms__errorContent {
        padding: 40px; } }
  .customForms__errorHeader {
    padding-top: 15px; }
  .customForms__tooltipWrapper {
    position: relative;
    padding-right: 20px; }
    .customForms__tooltipWrapper.content_input {
      display: inline-block; }
    .customForms__tooltipWrapper.checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .customForms__tooltipWrapper.checkbox .customForms__fieldDescription {
        margin-top: 8px; }
      .customForms__tooltipWrapper.checkbox .customForms__fieldLabel p {
        display: inline; }
      .customForms__tooltipWrapper.checkbox .customForms__tooltipBox {
        top: 2px; }
    .customForms__tooltipWrapper.date_selector_input .customForms__fieldLabel {
      position: static;
      padding-right: 0;
      margin-right: 5px; }
      .customForms__tooltipWrapper.date_selector_input .customForms__fieldLabel .customForms__tooltipBox {
        position: static;
        display: inline-block;
        margin: 0 5px 0 0; }
        .customForms__tooltipWrapper.date_selector_input .customForms__fieldLabel .customForms__tooltipBox:after {
          left: unset; }
      .customForms__tooltipWrapper.date_selector_input .customForms__fieldLabel .popoverElement {
        z-index: 1000; }
    .customForms__tooltipWrapper.date_selector_input input.error {
      border-color: #ec0000;
      margin-bottom: 10px; }
    .customForms__tooltipWrapper.file_selector .customForms__fieldLabel {
      position: relative; }
    .customForms__tooltipWrapper.file_selector .customForms__tooltipBox {
      position: static;
      display: inline-block;
      margin-left: 8px; }
    .customForms__tooltipWrapper.radiobutton_list .customForms__fieldLabel,
    .customForms__tooltipWrapper.checkbox_list > div:first-child .customForms__fieldLabel, .customForms__tooltipWrapper.checkbox .customForms__fieldLabel, .customForms__tooltipWrapper.captcha .customForms__fieldLabel {
      position: relative;
      display: inline-block;
      padding-right: 20px;
      padding-bottom: 8px; }
    .customForms__tooltipWrapper.radiobutton_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .customForms__tooltipWrapper.radiobutton_list .error {
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100; }
      .customForms__tooltipWrapper.radiobutton_list .customForms__tooltipBox {
        position: static;
        display: inline-block;
        margin-left: 8px; }
        .customForms__tooltipWrapper.radiobutton_list .customForms__tooltipBox::after {
          left: unset; }
      .customForms__tooltipWrapper.radiobutton_list .customForms__fieldLabel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        padding-bottom: 16px; }
    .customForms__tooltipWrapper.checkbox_list > div:first-child .customForms__fieldLabel {
      font-size: 16px;
      padding-bottom: 16px; }
  .customForms__tooltipBox {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    padding: 0; }
    .customForms__tooltipBox::after {
      content: "";
      display: inline-block;
      background-image: url("/_cms-img/santander/icons/tooltip-icon.png");
      position: absolute;
      width: 24px;
      height: 24px;
      left: 0;
      cursor: default; }
    .customForms__tooltipBox:hover + .popoverElement {
      display: block; }
  .customForms.state-processing {
    position: relative; }
    .customForms.state-processing form, .customForms.state-processing .customForms__submit {
      display: none; }
    .customForms.state-processing .customForms__preloader,
    .customForms.state-processing .customForms__preloaderWrapper {
      display: inline-block; }
  .customForms__preloader {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: -o-linear-gradient(#fff, #fff), -o-radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle farthest-corner at 8px 8px, transparent 30%, #ec0000 80%);
    -webkit-background-origin: border-box;
    background-origin: border-box;
    -webkit-background-clip: content-box, border-box;
    background-clip: content-box, border-box;
    border: 4px solid transparent;
    border-left-color: #ec0000;
    border-bottom-color: #ec0000;
    width: 40px;
    height: 40px;
    -webkit-animation: donut-spin 1.2s linear infinite;
    animation: donut-spin 1.2s linear infinite;
    position: relative;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .customForms__preloader:before {
      content: '';
      display: block;
      position: absolute;
      top: 1px;
      left: 1px;
      width: 4px;
      height: 4px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-color: #ec0000; }
    .customForms__preloader:before {
      display: none; }
    @media (max-width: 767.98px) {
      .customForms__preloader {
        top: unset;
        left: unset; } }
    .customForms__preloaderWrapper {
      position: relative;
      width: 100%;
      height: 85px;
      top: unset;
      left: unset;
      bottom: unset;
      right: unset;
      display: none; }
      @media (max-width: 767.98px) {
        .customForms__preloaderWrapper {
          margin: 0 auto; } }

/* Wymagane style dla formularzy Custom forms osadzone w Web specials
 * Zawiera minimum styli dla:
 * - inputs
 * - custom css
 */
@font-face {
  font-family: "web-font";
  src: url("/_cms-css/scss/santanderbankpolska/fonts/web-font.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Santander Headline';
  src: url("/_cms-css/scss/santanderbankpolska/fonts/SantanderHeadline/SantanderHeadline-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Santander MicroText';
  src: url("/_cms-css/scss/santanderbankpolska/fonts/SantanderMicroText/SantanderMicroText.woff") format("woff");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'Santander MicroText Bold';
  src: url("/_cms-css/scss/santanderbankpolska/fonts/SantanderMicroText/SantanderMicroText-Bd.woff") format("woff");
  font-weight: 700;
  font-display: swap; }

html {
  font-size: 62.5%; }

.customForms {
  font-family: 'Santander MicroText', sans-serif;
  color: #222222;
  font-size: 16px; }
  .customForms *,
  .customForms *::before,
  .customForms *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .customForms.state-processing {
    width: 360px; }
    .customForms.state-processing .customForms__preloader {
      top: unset;
      left: unset; }
      .customForms.state-processing .customForms__preloaderWrapper {
        width: calc(100% - 50px);
        text-align: center; }
  .customForms input {
    height: 48px;
    color: #222222;
    padding: 12px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #8f8f8f;
    background: #ffffff; }
    .customForms input.state-error {
      border-color: #990000 !important; }
    .customForms input::-webkit-input-placeholder {
      color: #727272; }
    .customForms input::-moz-placeholder {
      color: #727272; }
    .customForms input::-ms-input-placeholder {
      color: #727272; }
    .customForms input::placeholder {
      color: #727272; }
    .customForms input:hover {
      border-color: #222222; }
    .customForms input:focus {
      border-color: transparent !important;
      outline: 2px solid #127277; }
  .customForms ::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    opacity: 1; }
  .customForms ::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    opacity: 1; }
  .customForms :-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    opacity: 1; }
  .customForms :-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    opacity: 1; }
  .customForms select {
    height: 48px;
    color: #222222;
    padding: 12px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #8f8f8f;
    background: #ffffff; }
    .customForms select.state-error {
      border-color: #990000 !important; }
    .customForms select::-webkit-input-placeholder {
      color: #727272; }
    .customForms select::-moz-placeholder {
      color: #727272; }
    .customForms select::-ms-input-placeholder {
      color: #727272; }
    .customForms select::placeholder {
      color: #727272; }
    .customForms select:hover {
      border-color: #222222; }
    .customForms select:focus {
      border-color: transparent !important;
      outline: 2px solid #127277; }
  .customForms .no-spinners {
    -moz-appearance: textfield; }
  .customForms .no-spinners::-webkit-outer-spin-button,
  .customForms .no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .customForms .platform--microsoft-edge input::-ms-clear,
  .customForms .platform--ie input::-ms-clear {
    display: none; }
  .customForms .button {
    display: inline-block;
    background-color: #fff;
    min-width: 136px;
    padding: 12px 20px;
    -webkit-box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
    color: #ec0000;
    border: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-family: "Santander MicroText", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .customForms .button:active, .customForms .button:focus, .customForms .button:hover {
      text-decoration: none; }
    .customForms .button:focus {
      outline-color: #3366ff;
      outline-width: 2px;
      outline-offset: 2px;
      outline-style: solid;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .customForms .button span.ripple {
      display: inline-block;
      position: absolute;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-animation: ripple 600ms linear;
      animation: ripple 600ms linear;
      background-color: rgba(34, 34, 34, 0.1); }
    .customForms .button:hover, .customForms .button:focus {
      color: #cc0000; }
    .customForms .button:hover {
      background-color: #f6f6f6; }
    .customForms .button.primary {
      background-color: #ec0000;
      color: #fff; }
      .customForms .button.primary:hover {
        background-color: #cc0000; }
    .customForms .button.disabled, .customForms .button[disabled] {
      background-color: rgba(34, 34, 34, 0.06);
      color: rgba(34, 34, 34, 0.23);
      -webkit-box-shadow: none;
      box-shadow: none;
      pointer-events: none;
      cursor: default; }
    .customForms .button.tertiary {
      color: #127277;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .customForms .button.tertiary:hover {
        color: #0d5155;
        background-color: rgba(34, 34, 34, 0.04); }
      .customForms .button.tertiary:focus {
        color: #127277; }
      .customForms .button.tertiary.disabled, .customForms .button.tertiary[disabled] {
        background-color: rgba(34, 34, 34, 0.01);
        color: rgba(34, 34, 34, 0.23); }
    .customForms .button.small {
      padding: 6px 16px;
      min-width: 112px;
      font-size: 14px;
      line-height: 20px; }
    .customForms .button.wide {
      padding-left: 39px;
      padding-right: 39px; }
    @media (max-width: 480.98px) {
      .customForms .button.mobile-center {
        display: table;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 480.98px) {
      .customForms .button.mobile-right {
        display: table;
        margin-left: auto;
        margin-right: 0; } }
    @media (max-width: 480.98px) {
      .customForms .button.mobile-left {
        display: table;
        margin-left: 0;
        margin-right: auto; } }
  .customForms__columnsNumber--2 {
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .customForms__columnsNumber--2 .customForms__column {
      -webkit-box-flex: 48%;
      -ms-flex: 48% 0 0px;
      flex: 48% 0 0;
      padding: 0; }
  .customForms__fieldLabel .custom_forms__collapsible-content {
    font-family: 'Santander MicroText', sans-serif;
    display: inline-block;
    position: absolute;
    visibility: hidden;
    margin-bottom: -5px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 400ms;
    -o-transition: max-height 400ms;
    transition: max-height 400ms; }
    .customForms__fieldLabel .custom_forms__collapsible-content.state-expanded {
      position: static;
      visibility: visible; }
  .customForms__fieldLabel .custom_forms__expand-button {
    display: inline-block; }
  .customForms__field.customForms__tooltipWrapper {
    padding-right: 0; }
  .customForms__field.single_text_line, .customForms__field.selector {
    margin-bottom: 20px; }
    .customForms__field.single_text_line .customForms__fieldLabel, .customForms__field.selector .customForms__fieldLabel {
      display: none; }
  .customForms__fieldSelectButton {
    background-color: #ffffff; }
    .customForms__fieldSelectButton::after {
      width: 48px !important; }
  .customForms__field.checkbox {
    margin-bottom: 20px; }
    .customForms__field.checkbox input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      width: 24px;
      height: 24px;
      border: 1px solid #8f8f8f;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      position: relative;
      cursor: pointer;
      -webkit-box-shadow: unset;
      box-shadow: unset; }
      .customForms__field.checkbox input:hover:enabled {
        border-color: #222222; }
      .customForms__field.checkbox input:checked:after, .customForms__field.checkbox input:checked:enabled:after {
        content: "\E05B";
        font-family: "web-font";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        display: block;
        color: #ffffff;
        font-size: 10px;
        line-height: 24px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        bottom: unset;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 700; }
      .customForms__field.checkbox input:checked:after {
        color: #727272; }
      .customForms__field.checkbox input:checked:enabled {
        background-color: #127277;
        border-color: #127277; }
        .customForms__field.checkbox input:checked:enabled:hover:enabled {
          background-color: #0d5155;
          border-color: #0d5155; }
      .customForms__field.checkbox input:focus:enabled {
        outline: #3366ff 3px solid;
        outline-offset: 3px; }
      .customForms__field.checkbox input:disabled {
        border-color: #CCCCCC;
        cursor: default; }
        .customForms__field.checkbox input:disabled + label {
          color: rgba(34, 34, 34, 0.23);
          cursor: default; }
    .customForms__field.checkbox .customForms__fieldLabel {
      margin-bottom: 0;
      padding-right: 0; }
      .customForms__field.checkbox .customForms__fieldLabel a {
        font-family: 'Santander MicroText Bold', sans-serif;
        font-weight: 700;
        display: inline; }
      .customForms__field.checkbox .customForms__fieldLabel > p {
        margin-bottom: 0;
        font-size: 16px; }
  .customForms__field.radiobutton_list {
    margin-bottom: 0; }
  .customForms__fieldError {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .customForms__fieldHideable p {
    margin-bottom: 4px !important; }
  .customForms .radiobutton_list .customForms__fieldLabel {
    display: none; }
  .customForms .radiobutton_list .customForms__radioOptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__radioOption {
      display: block;
      width: 18%; }
      .customForms .radiobutton_list .customForms__radioOptions .customForms__radioOption:last-child {
        padding-bottom: 20px; }
  .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1px;
    height: 1px;
    padding: 0;
    border: none;
    position: absolute;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadioOption {
      padding-bottom: 0;
      margin-bottom: 8px; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio + .customForms__fieldRadioLabel {
      position: relative;
      margin-left: 0px;
      cursor: pointer;
      font-size: 11px;
      border: 1px solid #222222;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      padding: 4px 0;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      color: #222222;
      height: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio + .customForms__fieldRadioLabel:before {
        display: none; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio::before {
      display: none; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio:focus {
      outline: none; }
      .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio:focus + .customForms__fieldRadioLabel {
        outline: 2px solid #3366ff;
        outline-offset: 2px; }
    .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio:checked + .customForms__fieldRadioLabel {
      background-color: #ddd;
      color: #000; }
      .customForms .radiobutton_list .customForms__radioOptions .customForms__fieldRadio:checked + .customForms__fieldRadioLabel:after {
        display: none; }
  .customForms .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  .customForms .sr-only-focusable:active, .customForms .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal; }
  .customForms label {
    display: inline-block;
    margin-bottom: 0.5rem; }
  .customForms p {
    font-family: 'Santander MicroText', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px; }
  .customForms strong {
    font-family: 'Santander MicroText Bold', sans-serif;
    font-weight: 700;
    font-size: 16px; }
  .customForms a {
    font-family: 'Santander MicroText Bold', sans-serif;
    font-weight: 700;
    text-decoration: none;
    display: inline; }
    .customForms a.link.disabled, .customForms a.link[disabled] {
      color: rgba(34, 34, 34, 0.23);
      pointer-events: none; }
      .customForms a.link.disabled:active, .customForms a.link.disabled:focus, .customForms a.link.disabled:hover, .customForms a.link[disabled]:active, .customForms a.link[disabled]:focus, .customForms a.link[disabled]:hover {
        text-decoration: none; }
    .customForms a:not([href]):not([tabindex]) {
      text-decoration: none; }
      .customForms a:not([href]):not([tabindex]).button {
        color: #ec0000; }
        .customForms a:not([href]):not([tabindex]).button.primary {
          color: #fff; }
  .customForms h1,
  .customForms h2,
  .customForms h3,
  .customForms h4,
  .customForms h5,
  .customForms h6,
  .customForms .h1,
  .customForms .h2,
  .customForms .h3,
  .customForms .h4,
  .customForms .h5,
  .customForms .h6 {
    font-family: 'Santander Headline', sans-serif;
    color: #222222; }
  .customForms__submit.button {
    display: block; }
  .customForms__note {
    font-size: 14px; }