/**
 * Do not edit directly
 * Generated on Mon, 20 Nov 2023 10:57:34 GMT
 */

:root {
  --accent-light-default: #acf9e9;
  --accent-light-hover: #cffbf2;
  /*--accent-light-selected: #ecfefa;*/
  /*updated in v1.10 - Nov 2024*/
  --accent-light-selected: #defdf8;
  --accent-strong-default: #197367;
  --accent-strong-hover: #3c8175;
  --background-error-light: #fde2e2;
  --background-error-light-hover: #fde2e2;
  --background-error-strong: #c61a10;
  --background-disabled: #dde3e3;
  --background-inverse: #5e6c6e;
  --background-light: #f8f8f8;
  --background-overlay: rgba(51, 61, 62, 0.7);
  --background-pending: #f5e6ff;
  --background-secondary: #ebeeee;
  --background-strong: #809294;
  --background-success: #d7f4df;
  --background-warning: #ffebd1;
  --background-white: #ffffff;
  --border-error-light: #fbcccc;
  --border-error-strong: #c61a10;
  --border-warning-light: #ffdfb5;
  --border-warning-strong: #996116;
  --border-focused: #333d3e;
  --border-light: #dde3e3;
  --border-pending: #eed4ff;
  --border-secondary: #c8d0d0;
  --border-strong: #809294;
  --border-success: #bef4cd;
  --icon-default: #333d3e;
  --icon-disabled: #809294;
  --icon-error: #c61a10;
  --icon-light: #5e6c6e;
  --icon-ondark: #ffffff;
  --icon-pending: #8746b3;
  --icon-success: #20844b;
  --icon-warning: #996116;
  --text-default: #333d3e;
  --text-disabled: #809294;
  --text-error: #c61a10;
  --text-light: #5e6c6e;
  --text-ondark: #ffffff;
  --text-pending: #8746b3;
  --text-placeholder: #97a6a8;
  --text-success: #20844b;
  --text-warning: #996116;
  --caption-bold-font-family: 'Aeonik Pro', 'AeonikPro-Bold';
  --caption-bold-font-size: 12px;
  --caption-bold-letter-spacing: 0.2px;
  --caption-bold-line-height: 16px;
  --caption-bold-font-weight: 700;
  --caption-bold-italic-font-family: 'Aeonik Pro', 'AeonikPro-BoldItalic';
  --caption-bold-italic-font-size: 12px;
  --caption-bold-italic-letter-spacing: 0.2px;
  --caption-bold-italic-line-height: 16px;
  --caption-bold-italic-font-weight: 700;
  --caption-bold-italic-font-style: italic;
  --caption-bold-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Bold';
  --caption-bold-underlined-font-size: 12px;
  --caption-bold-underlined-letter-spacing: 0.2px;
  --caption-bold-underlined-line-height: 16px;
  --caption-bold-underlined-font-weight: 700;
  --caption-bold-underlined-text-decoration: underline;
  --caption-regular-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --caption-regular-font-size: 12px;
  --caption-regular-letter-spacing: 0px;
  --caption-regular-line-height: 16px;
  --caption-regular-font-weight: 400;
  --caption-regular-italic-font-family: 'Aeonik Pro', 'AeonikPro-RegularItalic';
  --caption-regular-italic-font-size: 12px;
  --caption-regular-italic-letter-spacing: 0px;
  --caption-regular-italic-line-height: 16px;
  --caption-regular-italic-font-weight: 400;
  --caption-regular-italic-font-style: italic;
  --caption-regular-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --caption-regular-underlined-font-size: 12px;
  --caption-regular-underlined-letter-spacing: 0px;
  --caption-regular-underlined-line-height: 16px;
  --caption-regular-underlined-font-weight: 400;
  --caption-regular-underlined-text-decoration: underline;
  --headings-display-font-family: 'Aeonik Pro', 'AeonikPro-Light';
  --headings-display-font-size: 44px;
  --headings-display-letter-spacing: 0px;
  --headings-display-line-height: 54px;
  --headings-display-font-weight: 300;
  --headings-h1-font-family: 'Aeonik Pro', 'AeonikPro-Light';
  --headings-h1-font-size: 36px;
  --headings-h1-letter-spacing: 0px;
  --headings-h1-line-height: 44px;
  --headings-h1-font-weight: 300;
  --headings-h2-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --headings-h2-font-size: 28px;
  --headings-h2-letter-spacing: 0px;
  --headings-h2-line-height: 36px;
  --headings-h2-font-weight: 400;
  --headings-h3-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --headings-h3-font-size: 24px;
  --headings-h3-letter-spacing: 0.2px;
  --headings-h3-line-height: 32px;
  --headings-h3-font-weight: 500;
  --headings-h4-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --headings-h4-font-size: 20px;
  --headings-h4-letter-spacing: 0.2px;
  --headings-h4-line-height: 28px;
  --headings-h4-font-weight: 500;
  --p1-medium-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --p1-medium-font-size: 16px;
  --p1-medium-letter-spacing: 0.2px;
  --p1-medium-line-height: 24px;
  --p1-medium-font-weight: 500;
  --p1-medium-italic-font-family: 'Aeonik Pro', 'AeonikPro-MediumItalic';
  --p1-medium-italic-font-size: 16px;
  --p1-medium-italic-letter-spacing: 0.2px;
  --p1-medium-italic-line-height: 24px;
  --p1-medium-italic-font-weight: 500;
  --p1-medium-italic-font-style: italic;
  --p1-medium-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --p1-medium-underlined-font-size: 16px;
  --p1-medium-underlined-letter-spacing: 0.2px;
  --p1-medium-underlined-line-height: 24px;
  --p1-medium-underlined-font-weight: 500;
  --p1-medium-underlined-text-decoration: underline;
  --p1-regular-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p1-regular-font-size: 16px;
  --p1-regular-letter-spacing: 0px;
  --p1-regular-line-height: 24px;
  --p1-regular-font-weight: 400;
  --p1-regular-italic-font-family: 'Aeonik Pro', 'AeonikPro-RegularItalic';
  --p1-regular-italic-font-size: 16px;
  --p1-regular-italic-letter-spacing: 0px;
  --p1-regular-italic-line-height: 24px;
  --p1-regular-italic-font-weight: 400;
  --p1-regular-italic-font-style: italic;
  --p1-regular-strikethrough-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p1-regular-strikethrough-font-size: 16px;
  --p1-regular-strikethrough-letter-spacing: 0px;
  --p1-regular-strikethrough-line-height: 24px;
  --p1-regular-strikethrough-font-weight: 400;
  --p1-regular-strikethrough-text-decoration: line-through;
  --p1-regular-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p1-regular-underlined-font-size: 16px;
  --p1-regular-underlined-letter-spacing: 0px;
  --p1-regular-underlined-line-height: 24px;
  --p1-regular-underlined-font-weight: 400;
  --p1-regular-underlined-text-decoration: underline;
  --p2-medium-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --p2-medium-font-size: 14px;
  --p2-medium-letter-spacing: 0.2px;
  --p2-medium-line-height: 20px;
  --p2-medium-font-weight: 500;
  --p2-medium-italic-font-family: 'Aeonik Pro', 'AeonikPro-MediumItalic';
  --p2-medium-italic-font-size: 14px;
  --p2-medium-italic-letter-spacing: 0.2px;
  --p2-medium-italic-line-height: 20px;
  --p2-medium-italic-font-weight: 500;
  --p2-medium-italic-font-style: italic;
  --p2-medium-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Medium';
  --p2-medium-underlined-font-size: 14px;
  --p2-medium-underlined-letter-spacing: 0.2px;
  --p2-medium-underlined-line-height: 20px;
  --p2-medium-underlined-font-weight: 500;
  --p2-medium-underlined-text-decoration: underline;
  --p2-regular-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p2-regular-font-size: 14px;
  --p2-regular-letter-spacing: 0px;
  --p2-regular-line-height: 20px;
  --p2-regular-font-weight: 400;
  --p2-regular-italic-font-family: 'Aeonik Pro', 'AeonikPro-RegularItalic';
  --p2-regular-italic-font-size: 14px;
  --p2-regular-italic-letter-spacing: 0px;
  --p2-regular-italic-line-height: 20px;
  --p2-regular-italic-font-weight: 400;
  --p2-regular-italic-font-style: italic;
  --p2-regular-strikethrough-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p2-regular-strikethrough-font-size: 14px;
  --p2-regular-strikethrough-letter-spacing: 0px;
  --p2-regular-strikethrough-line-height: 20px;
  --p2-regular-strikethrough-font-weight: 400;
  --p2-regular-strikethrough-text-decoration: line-through;
  --p2-regular-underlined-font-family: 'Aeonik Pro', 'AeonikPro-Regular';
  --p2-regular-underlined-font-size: 14px;
  --p2-regular-underlined-letter-spacing: 0px;
  --p2-regular-underlined-line-height: 20px;
  --p2-regular-underlined-font-weight: 400;
  --p2-regular-underlined-text-decoration: underline;
  --spacing-05: 4px;
  --spacing-10: 8px;
  --spacing-15: 12px;
  --spacing-20: 16px;
  --spacing-25: 20px;
  --spacing-30: 24px;
  --spacing-40: 32px;
  --spacing-50: 40px;
  --spacing-60: 48px;
  --spacing-80: 64px;
  --spacing-100: 80px;
}

:root,
:host {
    --button-full-rounding: 50px;
    --full-rounding: 20px;
    --medium-rounding: 4px;
    --small-rounding: 2px;

    --logo-m-width: 93.23px;
    --logo-m-heigth: 32px;
    --logo-s-width: 100px;
    --logo-s-heigth: 34px;
}


/* =============================================================================
    swift.com overrides and extra tokens
============================================================================= */
:root,
:host {
    --logo-m-width: 120px;
    --logo-m-heigth: 41px;
}

:root,
:host {

    /*--spacing-05: 4px;*/
    /*--spacing-10: calc(var(--spacing-05) * 2);   !*  8 *!*/
    /*--spacing-15: calc(var(--spacing-05) * 3);   !* 12 *!*/
    /*--spacing-20: calc(var(--spacing-05) * 4);   !* 16 *!*/
    /*--spacing-25: calc(var(--spacing-05) * 5);   !* 20 *!*/
    /*--spacing-30: calc(var(--spacing-05) * 6);   !* 24 *!*/
    /*--real-spacing-30: calc(var(--spacing-05) * 6);   !* 24 *!*/
    /*--spacing-40: calc(var(--spacing-05) * 8);   !* 32 *!*/
    /*--spacing-50: calc(var(--spacing-05) * 10);  !* 40 *!*/
    /*--spacing-55: calc(var(--spacing-05) * 11);  !* 44 *!*/
    /*--spacing-60: calc(var(--spacing-05) * 12);  !* 48 *!*/
    /*--spacing-80: calc(var(--spacing-05) * 16);  !* 64 *!*/
    /*--spacing-100: calc(var(--spacing-05) * 20); !* 80 *!*/

    --content-width: 1170px;
    --input-min-width: 70px;

    /*--spacing-10: 8px;*/
    /*--spacing-15: 12px;*/
    /*--spacing-20: 16px;*/
    /*--spacing-25: 20px;*/
    /*--spacing-30: 24px;*/
    /*--spacing-40: 32px;*/
    /*--spacing-50: 40px;*/
    /*--spacing-60: 48px;*/
    /*--spacing-80: 64px;*/
    /*--spacing-100: 80px;*/
    /*--spacing-05: 4px;*/
}

.margin-10 {
    margin: var(--spacing-10) auto;
}
.margin-15 {
    margin: var(--spacing-15) auto;
}
.margin-20 {
    margin: var(--spacing-20) auto;
}
.margin-40 {
    margin: var(--spacing-40) auto;
}

/* =============================================================================
    swift.com overrides and extra tokens
============================================================================= */
:root,
:host {
    /*header padding left and right*/
    /*--spacing-30: 15px;*/
    --custom-spacing-30: 15px;
    /*header*/
    /*--spacing-60: 70px;*/
}

/*:root allows to use this rules from external*/
:host,
:root {
    --font-family: 'AeonikPro-Regular', "Aeonik Pro", Arial, sans-serif, monospace;
    color: var(--text-default);
    -webkit-font-smoothing: antialiased;
    /*Use CSS property font-feature-settings:'tnum' to select Aeonik Pro font's monospaced numbers typographic feature.*/
    font-feature-settings: "tnum";
    /* =============================================================================
    swift.com overrides and extra tokens
    ============================================================================= */
    --caption-bold-font-family: 'AeonikPro-Bold';
    --caption-bold-italic-font-family: 'AeonikPro-BoldItalic';
    --caption-bold-underlined-font-family: 'AeonikPro-Bold';
    --caption-regular-font-family: 'AeonikPro-Regular';
    --caption-regular-italic-font-family: 'AeonikPro-RegularItalic';
    --caption-regular-underlined-font-family: 'AeonikPro-Regular';
    --headings-display-font-family: 'AeonikPro-Light';
    --headings-h1-font-family: 'AeonikPro-Light';
    --headings-h2-font-family: 'AeonikPro-Regular';
    --headings-h3-font-family: 'AeonikPro-Medium';
    --headings-h4-font-family: 'AeonikPro-Medium';
    --p1-medium-font-family: 'AeonikPro-Medium';
    --p1-medium-italic-font-family: 'AeonikPro-MediumItalic';
    --p1-medium-underlined-font-family: 'AeonikPro-Medium';
    --p1-regular-font-family: 'AeonikPro-Regular';
    --p1-regular-italic-font-family: 'AeonikPro-RegularItalic';
    --p1-regular-strikethrough-font-family: 'AeonikPro-Regular';
    --p1-regular-underlined-font-family: 'AeonikPro-Regular';
    --p2-medium-font-family: 'AeonikPro-Medium';
    --p2-medium-italic-font-family: 'AeonikPro-MediumItalic';
    --p2-medium-underlined-font-family: 'AeonikPro-Medium';
    --p2-regular-font-family: 'AeonikPro-Regular';
    --p2-regular-italic-font-family: 'AeonikPro-RegularItalic';
    --p2-regular-strikethrough-font-family: 'AeonikPro-Regular';
    --p2-regular-underlined-font-family: 'AeonikPro-Regular';
}


@font-face {
    font-family: 'AeonikPro-Light';
    src: url(842a890e55380a91514f.woff2) format('woff2'),
    url(8cfc1dad46a3d7776e0a.woff) format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik Pro';
    src: url(68fccbe01a5a75cec006.woff2) format('woff2'),
    url(691efc19af99e9b807b4.woff) format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-Regular';
    src: url(68fccbe01a5a75cec006.woff2) format('woff2'),
    url(691efc19af99e9b807b4.woff) format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-RegularItalic';
    src: url(5d6a9b8bfbd5fb160882.woff2) format('woff2'),
    url(01fae24f1e631e7e4319.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-Medium';
    src: url(22e2ca2fe58f5d139dde.woff2) format('woff2'),
    url(754c4b366888bf85255b.woff) format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-MediumItalic';
    src: url(114e649160e6401783e2.woff2) format('woff2'),
    url(65c56117da1f07596196.woff) format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-Bold';
    src: url(15e2a8dc0de4de2544b5.woff2) format('woff2'),
    url(a1a506d56375b642c494.woff) format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikPro-BoldItalic';
    src: url(781527ccf52bd056924c.woff2) format('woff2'),
    url(68667d6017d92d7b7086.woff) format('woff');
    font-weight: 700;
    font-display: swap;
}


h1,
.h1{
    font-family: var(--headings-h1-font-family), sans-serif;
    font-size: var(--headings-h1-font-size);
    letter-spacing: var(--headings-h1-letter-spacing);
    line-height: var(--headings-h1-line-height);
    font-weight: var(--headings-h1-font-weight);
}
h2,
.h2{
    font-family: var(--headings-h2-font-family), sans-serif;
    font-size: var(--headings-h2-font-size);
    letter-spacing: var(--headings-h2-letter-spacing);
    line-height: var(--headings-h2-line-height);
    font-weight: var(--headings-h2-font-weight);
}
h3,
.h3{
    font-family: var(--headings-h3-font-family), sans-serif;
    font-size: var(--headings-h3-font-size);
    letter-spacing: var(--headings-h3-letter-spacing);
    line-height: var(--headings-h3-line-height);
    font-weight: var(--headings-h3-font-weight);
}
h4,
.h4{
    font-family: var(--headings-h4-font-family), sans-serif;
    font-size: var(--headings-h4-font-size);
    letter-spacing: var(--headings-h4-letter-spacing);
    line-height: var(--headings-h4-line-height);
    font-weight: var(--headings-h4-font-weight);
}

.d4 {
    font-family: var(--headings-display-font-family), sans-serif;
    font-size: var(--headings-display-font-size);
    letter-spacing: var(--headings-display-letter-spacing);
    line-height: var(--headings-display-line-height);
    font-weight: var(--headings-display-font-weight);
}
p,
.p1{
    font-family: var(--p1-regular-font-family), sans-serif;
    font-size: var(--p1-regular-font-size);
    letter-spacing: var(--p1-regular-letter-spacing);
    line-height: var(--p1-regular-line-height);
    font-weight: var(--p1-regular-font-weight);
}
.p1-m {
    font-family: var(--p1-medium-font-family), sans-serif;
    font-size: var(--p1-medium-font-size);
    letter-spacing: var(--p1-medium-letter-spacing);
    line-height: var(--p1-medium-line-height);
    font-weight: var(--p1-medium-font-weight);
}

.p2{
    font-family: var(--p2-regular-font-family), sans-serif;
    font-size: var(--p2-regular-font-size);
    letter-spacing: var(--p2-regular-letter-spacing);
    line-height: var(--p2-regular-line-height);
    font-weight: var(--p2-regular-font-weight);
}
.p2-m{
    font-family: var(--p2-medium-font-family), sans-serif;
    font-size: var(--p2-medium-font-size);
    letter-spacing: var(--p2-medium-font-family);
    line-height: var(--p2-medium-line-height);
    font-weight: var(--p2-medium-font-weight);
}

.caption {
    font-family: var( --caption-regular-font-family), sans-serif;
    font-size: var(--caption-regular-font-size);
    letter-spacing: var(--caption-regular-letter-spacing);
    line-height: var(--caption-regular-line-height);
    font-weight: var(--caption-regular-font-weight);
}
.caption-b {
    font-family: var(--caption-bold-font-family), sans-serif;
    font-size: var(--caption-bold-font-size);
    letter-spacing: var(--caption-bold-letter-spacing);
    line-height: var(--caption-bold-line-height);
    font-weight: var(--caption-bold-font-weight);
}
i {
    font-family: var(--p2-regular-italic-font-family), sans-serif;
    font-size: var(--p2-regular-italic-font-size);
    letter-spacing: var(--p2-regular-italic-letter-spacing);
    line-height: var(--p2-regular-italic-line-height);
    font-weight: var(--p2-regular-italic-font-weight);
    font-style: var(--p2-regular-italic-font-style);
}

/* =============================================================================
    swift.com overrides and extra tokens
============================================================================= */

input[type="checkbox"] {
    margin: 0;
    margin-right: var(--spacing-10);
}

/*divider*/
hr {
    border: 0 !important;
    border-top: 1px solid var(--border-light) !important;
    margin: var(--spacing-10) 0;
}

/*new tokens*/
:root {
    --background-default: #FFFFFF;
    --background-medium: #EBEEEE;
    --border-medium: #C8D0D0;
    --accent-strong-selected: var(--accent-strong-default);
    --border-weight-default: 1px;
    --border-weight-medium: 2px;
    --background-error-strong-hover: #da3125;


    /*box-shadows*/

    --effects-shadow-default: rgba(25, 115, 103, 0.1500);
    --shadow-light: 0 2px 3px 2px var(--effects-shadow-default);

    --effects-medium-x: 0;
    --effects-medium-y: 3px;
    --effects-medium-blur: 4px;
    --effects-medium-spread: 3px;
    --shadow-medium: var(--effects-medium-x) var(--effects-medium-y) var(--effects-medium-blur) var(--effects-medium-spread) var(--effects-shadow-default);
}


.swiftref-checkbox-label {
    margin-top: var(--spacing-05);
    margin-bottom: var(--spacing-05);
    height: 20px;
    display: flex;
    align-items: center;
    color: var(--text-default);
    /*flex-direction: row-reverse;*/
    width: max-content;
    font-family: var(--font-family), sans-serif;
    font-weight: var(--p1-regular-font-weight);
    gap: var(--spacing-10);
    /*position: relative;*/
    user-select: none;
    /*margin-bottom: var(--spacing-10);*/
}
:host([disabled]) .swiftref-checkbox-label {
    color: var(--text-disabled);
}

/*custom checkbox see https://developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling*/
.swiftref-checkbox {
    height: var(--spacing-20);
    width: var(--spacing-20);
    min-width: var(--spacing-20);
    margin: 0;
    padding: 0;
    appearance: none;
    outline: var(--border-weight-default) solid var(--border-strong);
    position: relative;
}
.swiftref-checkbox:not(:disabled) {
    cursor: pointer;
}

.swiftref-checkbox::before {
    /*font-size: 1.2em;*/
    /*right: 0;*/
    /*top: 0;*/
    visibility: hidden;
}
.swiftref-checkbox:checked::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 4px;
    width: 2px;
    height: 8px;
    transform: rotate(45deg);
    background: var(--accent-strong-selected);
}
.swiftref-checkbox:checked::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 2px;
    height: 5px;
    transform: rotate(-45deg);
    background: var(--accent-strong-selected);
}
.swiftref-checkbox:indeterminate::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: var(--accent-strong-selected);
}

.swiftref-checkbox:checked,
.swiftref-checkbox:indeterminate {
    background: var(--accent-light-selected);
}

.swiftref-checkbox:hover  {
    background: var(--accent-light-hover);
}
.swiftref-checkbox:focus  {
    /*style guides says 2px*/
    /*important needed for bwo*/
    outline: var(--border-weight-default) solid var(--border-focused) !important;
}
.swiftref-checkbox:disabled  {
    background: var(--background-disabled);
}



.swiftref-checkbox:checked:disabled::after,
.swiftref-checkbox:checked:disabled::before,
.swiftref-checkbox:indeterminate:disabled::before {
    background: var(--icon-disabled);
}

.swiftref-checkbox:checked::before,
.swiftref-checkbox:indeterminate::before{
    visibility: unset;
    color: var(--accent-strong-selected);
}


:host(:not([message])) swiftref-message {
    margin-top: 0;
    display: none;
}

.swiftref-button {
    padding-block: 0;
    padding-inline: 0;
    background: var(--accent-light-default);
    border: none;
    border-radius: var(--button-full-rounding);
    color: var(--text-default);
    font-family: var(--p2-medium-font-family), sans-serif;
    font-size: var(--p2-medium-font-size);
    letter-spacing: var(--p2-medium-letter-spacing);
    line-height: var( --p2-medium-line-height);
    font-weight: var(--p2-medium-font-weight);
    height: var(--spacing-40);
    padding: var(--spacing-10) var(--spacing-20);
    transition: all .3s cubic-bezier(.23,1,.32,1);
    user-select: none;
    width: max-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.swiftref-button[disabled] {
    background: var(--background-disabled);
    color: var(--text-disabled)!important;
    cursor: not-allowed;
}

a.swiftref-button {
    text-decoration: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.swiftref-button:not(:disabled):hover{
    background: var(--accent-light-hover);
    cursor: pointer;
}
.swiftref-button:not(:disabled):active {
    box-shadow: 0 0 0 0.2rem rgba(151,217,204,.5);
}
.swiftref-button:not(:disabled):focus-visible {
    outline: 1px solid var(--border-focused);
    /*box-shadow: 0 0 0 0.2rem rgba(151,217,204,.5);*/
}

[size="lg"].swiftref-button,
:host([size="lg"]) .swiftref-button {
    height: var(--spacing-50);
    padding: var(--spacing-10) var(--spacing-30);
}

/*secondary button*/
:host([kind="secondary"]) .swiftref-button {
    background: transparent;
    border: 1px solid var(--border-strong);
}
:host([kind="secondary"]) .swiftref-button:not([disabled]):hover {
    background: var(--accent-light-hover);
}

/*tertiary button*/
:host([kind="tertiary"]) .swiftref-button,
:host([kind="destructive-tertiary"]) .swiftref-button {
    font-family: var(--p2-regular-font-family), sans-serif;
    font-size: var(--p2-regular-font-size);
    letter-spacing: var(--p2-regular-letter-spacing);
    line-height: var( --p2-regular-line-height);
    font-weight: var(--p2-regular-font-weight);
    background: transparent;
    border: none;
    color: var(--accent-strong-default);
}
:host([kind="tertiary"]) .swiftref-button:not([disabled]):hover {
    background: var(--accent-light-hover);
}

/*destructive button*/
:host([kind="destructive"]) .swiftref-button {
    background: var(--background-error-strong);
    color: var(--text-ondark);
}
:host([kind="destructive"]) .swiftref-button:disabled {
    background: var(--background-disabled);
}
:host([kind="destructive"]) .swiftref-button:not(:disabled):hover {
    background: var(--background-error-strong-hover);
}
/*start with destructive*/
:host([kind^="destructive"]) .swiftref-button:not(:disabled):active {
    box-shadow: none;
    outline: 1px solid var(--border-focused);
}

/*destructive secondary button*/
:host([kind="destructive-secondary"]) .swiftref-button {
    background: transparent;
    border: 1px solid var(--border-error-strong);
    color: var(--text-error);
}
:host([kind="destructive-secondary"]) .swiftref-button:disabled {
    border-color: var(--background-strong);
}


:host([kind="destructive-secondary"]) .swiftref-button:not(:disabled):hover,
:host([kind="destructive-tertiary"]) .swiftref-button:not(:disabled):hover {
    background: var(--background-error-light-hover);
}
/*:host([kind="destructive-secondary"]) .swiftref-button:not(:disabled):active {*/
/*    background: none;*/
/*}*/

/*destructive tertiary button*/
:host([kind="destructive-tertiary"]) .swiftref-button {
    color: var(--text-error);
}

@media (max-width: 940px) {
    :host([visibility="desktop"]) {
        display: none;
    }
}


/* =============================================================================
icons
============================================================================= */

:host([icon]) .swiftref-button[disabled]::after,
:host([icon]) .swiftref-button[disabled]::before {
    opacity: .2;
}
:host([icon]) .swiftref-button::after,
:host([icon]) .swiftref-button::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: var(--spacing-10);
}
:host([icon][position]) .swiftref-button::after,
:host([icon][position]) .swiftref-button::before {
    content: unset;
    margin-left: unset;
}

/*default icon position is right*/
/*lens*/
:host([icon="lens"]) .swiftref-button::after {
    content: url(4301a5ff5272477be9db.svg);
}
:host([icon="lens"][position="left"]) .swiftref-button::before {
    content: url(4301a5ff5272477be9db.svg);
    margin-right: var(--spacing-10);
}
/*plus*/
:host([icon="plus"]) .swiftref-button::after {
    content: url(5f616d512e6b35c234f5.svg);
}
:host([icon="plus"][position="left"]) .swiftref-button::before {
    content: url(5f616d512e6b35c234f5.svg);
    margin-right: var(--spacing-10);
}
/*approve*/
:host([icon="approve"]) .swiftref-button::after {
    content: url(7b2e07036eadc112c28f.svg);
}
:host([icon="approve"][position="left"]) .swiftref-button::before {
    content: url(7b2e07036eadc112c28f.svg);
    margin-right: var(--spacing-10);
}
/*save*/
:host([icon="save"]) .swiftref-button::after {
    content: url(a3884228a24cbc246522.svg);
}
:host([icon="save"][position="left"]) .swiftref-button::before {
    content: url(a3884228a24cbc246522.svg);
    margin-right: var(--spacing-10);
}
/*trash-red*/
:host([icon="trash-red"]) .swiftref-button::after {
    content: url(0260de9e971d0da13508.svg);
}
:host([icon="trash-red"][position="left"]) .swiftref-button::before {
    content: url(0260de9e971d0da13508.svg);
    margin-right: var(--spacing-10);
}
:host([icon="trash-red"][position="left"]) .swiftref-button[disabled]::before {
    content: url(1289a246678da46634a6.svg);
}
/*remove*/
:host([icon="remove"]) .swiftref-button::after {
    content: url(2bee00068c2e822a5779.svg);
}
:host([icon="remove"][position="left"]) .swiftref-button::before {
    content: url(2bee00068c2e822a5779.svg);
    margin-right: var(--spacing-10);
}
/*remove-red*/
:host([icon="remove-red"]) .swiftref-button::after {
    content: url(36d4232c6b70b667d0c2.svg);
}
:host([icon="remove-red"][position="left"]) .swiftref-button::before {
    content: url(36d4232c6b70b667d0c2.svg);
    margin-right: var(--spacing-10);
}
/*clone*/
:host([icon="clone"]) .swiftref-button::after {
    content: url(6c5b132bf13ae5fcfb56.svg);
}
:host([icon="clone"][position="left"]) .swiftref-button::before {
    content: url(6c5b132bf13ae5fcfb56.svg);
    margin-right: var(--spacing-10);
}

.swiftref-pagination i {
    border: solid var(--accent-strong-default);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: relative;
    top: -2px;
}
.swiftref-pagination .disabled i {
    border-color: var(--text-default);
}

.swiftref-pagination .right {
    transform: rotate(-45deg);
    left: -1px;
}

.swiftref-pagination .left {
    transform: rotate(135deg);
    right: -1px;
}

.swiftref-pagination .up {
    transform: rotate(-135deg);
}

.swiftref-pagination .down {
    transform: rotate(45deg);
}

:host {
    font-family: var(--p2-regular-font-family);
    font-size: var(--p2-regular-font-size);
    letter-spacing: var(--p2-regular-letter-spacing);
    line-height: var(--p2-regular-line-height);
    font-weight: var(--p2-regular-font-weight);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

:host > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
:host > div > div {
    margin-right: var(--spacing-20);
}

ul.swiftref-pagination {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    user-select: none;
    align-items: center;
}

ul.swiftref-pagination li {
    color: var(--accent-strong-default);
    display: inline-block;
    margin: 0 4px;
    padding: 7px 1px;
    border: none;
    min-width: 20px;
    text-align: center;
}
ul.swiftref-pagination li.previous,
ul.swiftref-pagination li.next {
    border-radius: 5px;
}
ul.swiftref-pagination li.current {
    color: var(--text-default);
    background: var(--accent-light-default);
    border-radius: 5px;
}
:host(:not([disabled])) ul.swiftref-pagination li:not(.current):not(.disabled):hover,
ul.swiftref-pagination:not(.disabled) li:not(.current):not(.disabled):hover {
    cursor: pointer;
    background: var(--accent-light-hover);
}
ul.swiftref-pagination li.current:hover {
    cursor: default;
}
ul.swiftref-pagination li.disabled {
    opacity: .8;
}
ul.swiftref-pagination li.disabled:hover {
    cursor: default;
}
ul.swiftref-pagination li.previous.disabled:hover,
ul.swiftref-pagination li.next.disabled:hover{
    cursor: not-allowed;
    background: none;
}


:host([disabled]) ul.swiftref-pagination li{
    cursor: not-allowed;
    opacity: .6;
}


/*:host {*/
/*    width: 100%;*/

/*}*/
table.swiftref-table {
    font-family: var(--font-family), sans-serif;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.swiftref-table th,
.swiftref-table td {
    border-top: 1px solid var(--border-strong);
    border-bottom: 1px solid var(--border-strong);
    padding: var(--spacing-20);
    background: var(--background-white);
    text-align: left;
}
.swiftref-table td {
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
    word-break: break-all;
}
.swiftref-table td.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiftref-table tr:last-child td {
    border-bottom: 1px solid var(--border-strong);
}
.swiftref-table tr {
    height: var(--spacing-50);
}

table.swiftref-table table.swiftref-table tr:nth-child(odd) td {
    background: var(--background-white) !important;
}

:host([kind="zebra"]) tr:nth-child(2n) td,
table.swiftref-table.zebra tr:nth-child(2n) td {
    background: var(--background-light);
}
table.swiftref-table.sorting th:not(:empty) {
    cursor: pointer;
}



/*============================================================================*/
/*child rows*/
/*============================================================================*/
.swiftref-table td a.subtle {
    color: var(--text-default);
    font-family: var(--p2-regular-underlined-font-family), sans-serif;
    font-size: var(--p2-regular-underlined-font-family);
    letter-spacing: var(--p2-regular-underlined-font-family);
    line-height: var(--p2-regular-underlined-font-family);
    font-weight: var(--p2-regular-underlined-font-family);
}
.swiftref-table .child-row table {
    width: auto;
}
.swiftref-table .child-row td {
    background: var(--background-light);
    border: none;
}
.swiftref-table .child-row td:not(.title) {
    padding-top: unset;
    padding-bottom: unset;
}
.swiftref-table .child-row .title {
    font-family: var(--p2-medium-font-family), sans-serif;
    font-size: var(--p2-medium-font-size);
    letter-spacing: var(--p2-medium-letter-spacing);
    line-height: var(--p2-medium-line-height);
    font-weight: var(--p2-medium-font-weight);
}


@media (max-width: 940px) {
    :host,
    table.swiftref-table {
        overflow-x: auto;
    }
}

/*:host {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*}*/

div.swiftref-banner {
    position: relative;
    align-items: center;
    background: var(--background-secondary);
    display: flex;
    min-height: var(--spacing-55);
    /*padding-left: var(--spacing-25);*/
    padding: 0 var(--spacing-25);
    max-height: 50vh;
    /*overflow: auto;*/
    font-family: var( --caption-regular-font-family), sans-serif;
    word-break: break-word;
}

div.swiftref-banner swiftref-tooltip {
    position: relative;
    top: 2px;
}

div.swiftref-banner label {
    font-family: var(--p2-regular-font-family);
    font-size: var(--p2-regular-font-size);
    letter-spacing: var(--p2-regular-letter-spacing);
    line-height: var(--p2-regular-line-height);
    font-weight: var(--p2-regular-font-weight);
    margin: var(--spacing-10) var(--spacing-05);
}

.clear-icon {
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    color: var(--icon-light);
    cursor: pointer;
    position: absolute;
    right: var(--spacing-30);
}


:host([state="info"]) > div {
    background: var(--background-medium);
}
:host([state="error"]) > div {
    background: var(--background-error-light);
}
:host([state="success"]) > div {
    background: var(--background-success);
}
:host([state="warning"]) > div {
    background: var(--background-warning);
}

/*export the style definition in order to be used by class name*/

.empty-state {
    /*ie11 do not supports variables*/
    background: #f8f8f8;
    background: var(--background-light);
    padding: 24px;
    padding: var(--spacing-30);
    padding-bottom: 200px;
    text-align: center;
}

.empty-state svg {
    width: 44px;
    height: 44px;
}

.empty-state h3 {
    /*ie11 do not supports variables*/
    margin-top: 16px !important;
    margin-top: var(--spacing-20) !important;
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-05) !important;
}
.empty-state .p2 {
    /*ie11 do not supports variables*/
    margin-top: 4px !important;
    margin-top: var(--spacing-05) !important;
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-05) !important;
}

.empty-state .swiftref-button {
    /*ie11 do not supports variables*/
    margin-top: 12px !important;
    margin-top: var(--spacing-15) !important;
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-15) !important;
    background-color: #acf9e9;
    padding: 8px 16px !important;
    border-radius: 50px;
}
.empty-state .caption {
    /*ie11 do not supports variables*/
    margin-top: 8px !important;
    margin-top: var(--spacing-10) !important;
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-10) !important;
}
.empty-state .caption a {
    color: #197367 !important;
}

.navbar {
    display: flex;
    justify-content: space-around;
    height: var(--spacing-60);
    align-items: flex-end;
    /*align-items: center;*/
}

.navbar .container-fluid {
    /*ie11 do not supports variables*/
    max-width: 1170px;
    max-width: var(--content-max-width);
    width: 100%;
}

.navbar-default {
    /*ie11 do not supports variables*/
    background-color:  #FFFFFF !important;
    background-color: var(--background-default) !important;
    margin: 0;
    border-bottom: 1px solid #809294;
    border-bottom: 1px solid var(--border-strong);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: var(--text-default);
    /*new alias*/
    /*font-size: var(--p1-medium);*/
    font-family: var(--p1-medium-font-family);
    letter-spacing: var(--p1-medium-letter-spacing);
    font-size: var(--p1-medium-font-size);
    line-height: var(--p1-medium-line-height);
    font-weight: var(--p1-medium-font-weight);
    margin: 0 !important;
    padding-left: 0;
    padding-right: var(--spacing-20);
}
.navbar-default .navbar-nav>li>a {
    color: var(--text-default) !important;
    background-color: var(--background-default) !important;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default a.logout-link:hover {
    color: var(--accent-strong-hover) !important;
}

.navbar-default .navbar-nav>.active>a {
    /*new alias*/
    /*color: var(--accent-strong-selected) !important;*/
    color: var(--accent-strong-default) !important;
    border-bottom: 2px solid var(--accent-strong-default);
    cursor: default;
}

/*the container of filters in search pages*/
.search-header {
    background: var(--background-light) !important;
    padding: var(--spacing-20) !important;
}
/*.navbar-nav {*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*}*/

@media (max-width: 1200px) {
    .navbar-header,
    .old_version_row {
        padding-left: var(--spacing-20);
        padding-right: var(--spacing-20);
    }
}


.tabs_level_2 .nav,
.tabs_level_3 .nav {
    background: var(--background-default);
    border-bottom: 1px solid var(--border-light);
}

.tabs_level_2 li.active[role="presentation"],
.tabs_level_3 li.active[role="presentation"] {
    border: none;
    height: auto;
}

.tabs_level_2 li[role="presentation"] a,
.tabs_level_3 li[role="presentation"] a {
    font-weight: normal;
    padding: unset !important;
    padding: var(--spacing-20) !important;
}

/*bootstrap override*/
.nav-tabs>li {
    margin-bottom: unset;
}

.nav-tabs>li>a {
    border: none !important;
    border-bottom: 2px solid transparent;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.tabs_level_2 li[role="presentation"] a:hover,
.tabs_level_3 li[role="presentation"] a:hover {
    color: var(--accent-strong-hover);
    border: none;
    background: var(--background-default);
    font-weight: normal;
}

.nav-tabs > li.active > a,
.tabs_level_2 li.active[role="presentation"] a,
.tabs_level_3 li.active[role="presentation"] a {
    background: var(--background-default);
    color: var(--accent-strong-default) !important;
    border: none;
    border-bottom: 2px solid var(--accent-strong-default) !important;
    font-weight: normal;
    margin: 0;
}


.search_button {

    /*background: var(--accent-light-default);*/
    background: unset;
    border: none;
    border-radius: var(--button-full-rounding);
    color: var(--text-default);
    font-family: var(--font-family);
    font-size: var(--p2-medium-font-size);
    transition: all .3s cubic-bezier(.23,1,.32,1);
    user-select: none;
    width: max-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--spacing-50);
    font-weight: normal;
    letter-spacing: 0.2px;
    /*margin-left: var(--spacing-10);*/
    /*margin-right: var(--spacing-10);   /*margin-left: var(--spacing-10);*/
    /*margin-right: var(--spacing-10);*/
}

swiftref-icon.search_button {
    /*border: 1px solid var(--border-strong);*/
    border: none;
    border-left: 1px solid var(--border-strong);
    border-radius: unset;

    position: relative;
    left: -50px;
}

@media (max-width: 1200px) {


}

.search_button:not(:disabled):hover{
    background: unset;
    background: unset;
    cursor: pointer;
    color: var(--text-default);
}
.search_button:not(:disabled):active {
    /*box-shadow: 0 0 0 0.2rem rgba(151,217,204,.5);*/
}
.search_button:not(:disabled):focus-visible {
    /*outline: 1px solid var(--border-focused);*/
    /*box-shadow: 0 0 0 0.2rem rgba(151,217,204,.5);*/
}

.search_button.secondary {
    background: transparent;
    color: var(--text-default);
    border: 1px solid var(--border-strong);
}
.search_button.secondary:hover {
    background: var(--accent-light-hover);
}

select,
input[type="text"] {
    /*border: 1px solid var(--border-strong) !important;*/
    border: 1px solid var(--border-strong);
    border-radius: var(--spacing-05) !important;
    height: calc(var(--spacing-50) - 10px) !important;
    margin: 0;
    min-width: var(--input-min-width) !important;
    padding: var(--spacing-05) var(--spacing-10) !important;
}

.select2-container--default .select2-selection--single {
    border-color: var(--border-strong);
    border-radius: 4px;
    height: calc(var(--spacing-50) - 10px) !important;
}

.pagination li > a{
    border: none;
    color: var(--accent-strong-default) !important;
    /*margin: 0 4px;*/
    padding: 7px 1px;
    min-width: 20px;
    text-align: center;
}
.pagination li.active > a {
    color: var(--text-default) !important;
    background: var(--accent-light-default) !important;
    border-radius: 5px;
}
.pagination li:hover > a {
    background: var(--accent-light-hover) !important;
}



#footer {
    padding: 0;
    font-size: var(--p2-medium-font-size);
    /*ie11 do not supports variables*/
    border-top: 1px solid  #809294;
    border-top: 1px solid var(--border-strong);
    display: flex;
    justify-content: space-around;
    height: 48px;
    height: var(--spacing-60);
}
#footer-content {
    /*ie11 do not supports variables*/
    max-width: 1170px;
    max-width: var(--content-max-width);
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.copy {
    font-size: var(--caption-regular-font-size);
    letter-spacing: var(--caption-regular-letter-spacing);
    line-height: var(--caption-regular-line-height);
    font-weight: var(--caption-regular-font-weight);
}



@media (max-width: 1200px) {
    #footer {
        padding-left: var(--spacing-20);
        padding-right: var(--spacing-20);
    }
}

.divider {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
    display: inline-block;
    width: 1px;
    height: var(--spacing-15);
    background: var(--text-default);
}


/*TODO*/
/*this file is a copy of the one in website_public repo, it must be moved in website_design_system repo*/

.swiftref-box-grey {
    background: var(--background-light);
    padding: 40px 30px;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.swiftref-box-grey h2 {
    font-size: 24px;
}

.swiftref-box-grey-mobile-button-container {
    display: none;
}
.swiftref-box-grey-mobile-button-container h2 {
    background: red;
}


.swiftref-box-grey-mobile {
    display: none;
}

@media (max-width: 940px) {
    .swiftref-box-grey-mobile {
        background: var(--background-light);
        display: block;
        margin-top: var(--spacing-10);
        padding: 20px 15px;
        /*width: 360px;*/
    }
    .swiftref-box-grey-mobile-button-container {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        /*border: 1px solid blue;*/
    }
    /*.swiftref-box-grey {*/
    /*    display: none;*/
    /*}*/
}




/*website custom boxes*/
.swiftref-box-grey {
    /* top | left and right | bottom */
    padding: var(--spacing-10) var(--spacing-20) var(--spacing-20);
    /*padding-top: 4px;*/
    max-width: 280px;
}

@media (max-width: 1200px) {
    .swiftref-box-grey {
        max-width: 100%;
        width: 100%;
    }
}

.sub-menu a {
    color: var(--text-default) !important;
}

.sub-menu li:first-child:hover {
    /*background: var(--accent-light-hover);*/
}

.sub-menu #lang_menu {
    background: var(--background-default);

}

.sub-menu .dropdown-menu .divider {
    height: 1px;
    margin: 0 !important;
    overflow: hidden;
    width: 100%;
    background-color: var(--border-light) !important;
}
.dropdown-menu {
    box-shadow: var(--shadow-light);
}


:root {
    --content-max-width: 1170px;
}

html {
    box-sizing: border-box;
    font-size: var(--p2-medium-font-size);
}
*, *:before, *:after, a {
    font-family: var(--font-family);
    box-sizing: inherit;
    color: var(--text-default);
}

.container {
    padding: 0;
    background: none;
}
.container-fluid {
    padding: 0;
    margin: 0;
}
.row {
    margin: 0;
}


span.default_link,
a.default_link,
a.action_link,
.filters .filters__select_all_toggle,
.filters--hidden .filters__select_all_toggle {
    color: var(--accent-strong-default) !important;
}
a.default_link.disabled {
    color: var(--text-disabled) !important;
}


tr.subscribe,
div.subscribe{
    background: #EBEEEE !important;
}



/*accordion*/
.collapse_header {
    background: var(--background-light) !important;
    border: 1px solid var(--border-light);
}



swiftref-icon[data-toggle],
/*ssi details table*/
td swiftref-icon[kind="comment"],
swiftref-tooltip[kind="pdf"] {
    cursor: pointer;
}


thead tr th {
    border-top: 1px solid var(--border-strong) !important;
    border-bottom: 1px solid var(--border-strong) !important;
    /*padding: var(--spacing-20) !important;*/
    vertical-align: middle !important;
    height: var(--spacing-50);
}


#notifier[data-v-07cb865e] {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  font-size: 18px;
}
#notifier table[data-v-07cb865e] {
    width: 100%;
}
#notifier table p[data-v-07cb865e] {
      margin: unset;
      padding: 12px 0;
}
#notifier table tr td[data-v-07cb865e] {
    width: auto;
}
#notifier table tr td.close_button[data-v-07cb865e] {
    width: 58px;
    text-align: center;
    font-size: 1.3em;
}
#notifier table tr td.close_button span[data-v-07cb865e]:hover {
    cursor: pointer;
    opacity: .8;
}
#notifier table tr td ul[data-v-07cb865e] {
    margin: 0;
    padding: 0;
}
#notifier table tr td ul li[data-v-07cb865e] {
      list-style-type: none;
}
#notifier .title[data-v-07cb865e] {
    font-size: 1.5em;
}

th[data-v-7d295979] {
  padding: 5px 0 5px 5px !important;
}
th[data-v-7d295979]:hover {
  cursor: default;
}
th.th_active[data-v-7d295979]:hover {
  cursor: pointer;
}

.pagination[data-v-8d39b2ba] {
  margin: 0;
}
.pagination li[data-v-8d39b2ba]:not(.disabled):hover {
    cursor: pointer;
}
.pagination li.disabled[data-v-8d39b2ba] {
    opacity: .6;
}
.pagination li.dotted_element a[data-v-8d39b2ba] {
    border: none;
}
.pagination li.dotted_element a[data-v-8d39b2ba]:hover {
    background-color: inherit;
}
.pagination li.dotted_element[data-v-8d39b2ba]:hover {
    cursor: default;
}

.font--h2 {
  font-size: 26px; }

.font--h3, .details--h3 {
  font-size: 22px; }

.font--h4, .details--h4 {
  font-size: 18px; }

.font--h5, .details--h5 {
  font-size: 16px; }

.font--h6, .details--h6 {
  font-size: details--h6; }

.font--h2.light,
.font--h3.light,
.light.details--h3,
.font--h4.light,
.light.details--h4,
.font--h5.light,
.light.details--h5 {
  color: #a59992; }

.search_button {
  display: inline-block; }

.search_button:hover {
  cursor: pointer;
  color: white;
  text-decoration: none; }

.search_button:visited,
.search_button:focus {
  text-decoration: none;
  color: white; }

.search_button.secondary {
  background: transparent;
  color: #333d3e;
  border: 1px solid #809294;
  border-radius: 50px; }

.search_button.secondary:hover {
  background: #E6F5F8; }

.search_button.disabled,
.search_button.with_feedback.disabled {
  background: #bfbaaf; }

.search_button.disabled:hover,
.search_button.with_feedback.disabled:hover {
  cursor: default;
  background: #bfbaaf;
  color: white; }

#locker {
  background: rgba(122, 110, 103, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  transition: opacity 300ms ease; }
  #locker .locker-loader {
    position: absolute;
    left: 50%;
    top: 50%; }

.hidden-with-opacity {
  opacity: 0; }

a.default_link:hover, a.action_link:hover {
  cursor: pointer; }

a.default_link.brown:hover, a.brown.action_link:hover {
  cursor: pointer;
  text-decoration: underline; }

a.default_link.brown.disabled, a.brown.disabled.action_link {
  opacity: .6; }

a.default_link.brown.disabled:hover, a.brown.disabled.action_link:hover {
  opacity: .6;
  cursor: default;
  text-decoration: none; }

a.default_link.disabled, a.disabled.action_link {
  color: #333d3e; }

a.default_link.disabled:hover, a.disabled.action_link:hover,
a.reset_all_filters.disabled:hover {
  cursor: default;
  text-decoration: none; }

a.reset_all_filters.disabled {
  color: lightgrey !important; }

a.action_link {
  font-size: 16px;
  text-decoration: none; }
  a.action_link img {
    margin-top: -3px; }

.header_icon {
  width: 93px;
  height: 32px;
  margin-right: var(--spacing-20); }

.navbar-header {
  display: flex;
  align-items: center; }

#header a {
  display: inline-block; }

#lang_menu a.lang_menu_link {
  display: table-cell;
  opacity: .7;
  cursor: default; }

#lang_menu a.lang_menu_link.active {
  display: table-cell;
  opacity: 1;
  cursor: pointer; }

body {
  -ms-overflow-style: scrollbar; }

.taller-line {
  line-height: 2; }

.initial_content__tabs {
  padding: 0; }
  .initial_content__tabs li {
    display: inline;
    list-style-type: none; }

.old_version_row {
  background: var(--background-medium);
  border-bottom: 1px solid var(--border-strong); }

.boxed_link_button {
  display: inline-block;
  border: 1px solid #009bbb;
  padding: 10px; }
  .boxed_link_button a,
  .boxed_link_button span {
    color: #009bbb; }
  .boxed_link_button a:hover {
    color: #009bbb; }

.text_input {
  height: 40px; }

.details--h1 {
  font-size: 30px; }

.details--h2 {
  font-size: 26px; }

.details--h7 {
  font-size: 12px; }

.details_tab_loader {
  width: 18px;
  margin-right: -10px; }

.reset_all_filters_container, .base_details_header_row, .details__back_to_search_container, .back_to_search_container {
  position: relative; }

.details_header {
  padding: 0 10px; }

.reset_all_filters,
.add_to_favourite,
.details_pdf_export,
.print,
.details__back_to_search {
  margin: 0 10px; }

.search__details table > tbody > tr td.arrow_on_hover > img {
  visibility: visible; }

.search__details td.arrow_on_hover.rotate img {
  transform: rotate(180deg); }

.search__details table.squeeze {
  transform: translateX(-100px); }

.reset_all_filters_container, .base_details_header_row, .details__back_to_search_container, .back_to_search_container {
  padding: 16px 0; }

.details__back_to_search .custom-arrow {
  margin-top: -2px; }

.flag_elements_for_direct_link a {
  cursor: default; }

.flag_elements_for_direct_link a:hover {
  cursor: default;
  text-decoration: none; }

.flag_elements_for_direct_link.detail_direct_link a {
  cursor: pointer; }

.flag_elements_for_direct_link.detail_direct_link a:hover {
  cursor: pointer;
  text-decoration: underline; }

.search__content {
  background: white; }

.records {
  padding: 0;
  background: white; }

.records__column_name[data-column]:hover {
  cursor: pointer; }

.records.custom_width {
  width: 96.5% !important; }

.records table > tbody > tr > td {
  vertical-align: middle;
  word-wrap: break-word;
  padding: 2px; }

table.table-bordered thead > tr > th {
  vertical-align: top; }

table > tbody > tr > td.arrow_on_hover {
  border-left: 0;
  text-align: right; }

table > tbody > tr > td.no_border_right {
  border-right: 0; }

table > tbody > tr:hover td.arrow_on_hover > img {
  visibility: visible; }

.filters td {
  vertical-align: top;
  margin-top: 2px; }

.filters td label:hover {
  cursor: pointer; }

.filters tr {
  padding-left: 5px; }

.filters tr:hover .filters__only {
  visibility: visible; }

.filters {
  background: white; }
  .filters span {
    font-weight: normal; }
  .filters select {
    height: 24px; }
  .filters .filters__only {
    float: right;
    visibility: hidden; }

.filters > div {
  margin-bottom: 10px; }

.filters--hidden {
  width: 3%; }

.filters ul,
.filters--hidden ul {
  list-style-type: none;
  padding-left: 5px; }

.filters select,
.filters .row > table,
.filters--hidden select,
.filters--hidden .row > table {
  width: 95%;
  margin-left: 10px; }

.filters .filters__select_all_toggle,
.filters--hidden .filters__select_all_toggle {
  margin-left: 10px;
  margin-bottom: 2px; }

.filters__title:hover,
.filters__title > label:hover,
.filters__show:hover,
.filters_controllers__hide:hover {
  cursor: pointer; }

.filters_controllers__hide .custom-arrow {
  vertical-align: initial; }

.custom-filters {
  display: inline-block; }

.custom-filters:first-of-type {
  padding-left: 15px; }

.pagination_select_label {
  margin: 25px -10px 25px 25px; }

.pagination_select {
  margin: 20px;
  min-height: 34px;
  width: auto; }

.separator {
  height: 20px;
  background: white; }

#footer {
  background: white;
  padding: 25px 0; }
  #footer div,
  #footer a {
    display: inline-block; }
  #footer .dropdown-menu {
    line-height: 2.3; }

.export-button:hover,
.btn-modal:hover {
  color: #fff; }

a.excel_link {
  color: #0AA7C7;
  text-decoration: underline; }

div#support_content {
  color: #7a6e67; }

.advanced_search input:not([type="checkbox"]) {
  height: 30px;
  width: 172px; }

.advanced_search select {
  width: 172px; }

.advanced_search input::-moz-placeholder {
  color: #999; }

.advanced_search input:-ms-input-placeholder {
  color: #999; }

.advanced_search input::-webkit-input-placeholder {
  color: #999; }

img.info-icon {
  position: relative;
  top: -2px; }

img.info-icon:hover {
  cursor: pointer; }

.concurrent_users_notification {
  background-color: #cfece9;
  padding: 10px; }

.data-min-width-500 {
  min-width: 500px; }

.feedback-single-ssi-icon, .feedback-single-ssi-icon:hover {
  font-weight: bold;
  color: #009bbb; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: white; }

#header .dropdown-menu {
  border: none;
  border-radius: 0; }

#header .dropdown-menu > li > a {
  padding: 3px 0; }

#header .navbar-nav > li > .dropdown-menu {
  padding: 5px 10px; }

#header .dropdown-menu > li > a:focus,
#header .dropdown-menu > li > a:hover {
  background-color: unset; }

caption {
  color: unset; }

.alert {
  position: fixed;
  top: -60px;
  z-index: 99999;
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  transition: transform 400ms ease;
  word-wrap: break-word;
  width: 700px;
  margin: auto; }

.show-alert {
  -webkit-transform: translateY(340px) !important;
  -moz-transform: translateY(340px) !important;
  -o-form: translateY(340px) !important;
  -ms-form: translateY(340px) !important;
  transform: translateY(340px) !important;
  -webkit-box-shadow: 0px 3px 16px 3px #ccc;
  -moz-box-shadow: 0px 3px 16px 3px #ccc;
  box-shadow: 0px 3px 16px 3px #ccc; }

.show-alert-ie8 {
  top: 300px !important; }

.table-hover > tbody > tr:hover {
  background-color: inherit; }

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr.element_odd {
  background-color: white; }

.table tbody tr:nth-child(2n) {
  background: #f8f8f8; }

.table-striped > tbody > tr.element_even {
  background-color: #f8f8f8; }

ul > li label {
  font-weight: normal; }

ul > li label:hover {
  cursor: pointer; }

.modal-dialog .modal-content {
  border-radius: 0; }

.open > .dropdown-menu {
  border-radius: 0; }

.pagination > li > a,
.pagination > li > span {
  margin: 0 5px;
  color: inherit; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #333d3e;
  border-color: #e8e4e0; }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: inherit; }

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0; }

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100); }

.tooltip-inner {
  background-color: #FFFFFF;
  color: #000000;
  -webkit-box-shadow: 2px 0px 12px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 0px 12px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 0px 12px -1px rgba(0, 0, 0, 0.75);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-align: left; }

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline-offset: unset; }

.checkbox input[type=checkbox] {
  position: unset; }

.form-control {
  color: unset; }

.nav-tabs > li > a {
  margin-right: unset; }

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-image: linear-gradient(to bottom, #e8e4e0, #e8e4e0); }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #acf9e9, #acf9e9);
  color: #333d3e; }

#records_container .nav-tabs > li.active > a,
#records_container .nav-tabs > li.active > a:focus,
#records_container .nav-tabs > li.active > a:hover {
  background: white;
  font-weight: bold; }

a.default_link, a.action_link {
  color: #009bbb; }

a.default_link:hover, a.action_link:hover {
  color: #009bbb;
  text-decoration: none; }

a#new_record:focus,
a#new_record:hover,
a#new_group:focus,
a#new_group:hover {
  color: white;
  background-color: #009bbb;
  text-decoration: none; }

.search_button {
  user-select: none;
  color: white !important; }

a.search_button:focus:not(.disabled):not(.white_button),
a.search_button:hover:not(.disabled):not(.white_button) {
  color: white;
  text-decoration: none; }

.form-group {
  margin-bottom: 0; }
  .form-group label {
    display: inline; }

.popover {
  border-radius: 0; }

.tooltip-inner {
  min-width: 250px; }

.typeahead.dropdown-menu > .active > a,
.typeahead.dropdown-menu > .active > a:focus,
.typeahead.dropdown-menu > .active > a:hover {
  color: white !important; }

tbody > tr.even {
  background-color: #f8f8f8; }

tbody > tr.odd {
  background-color: white; }

.well {
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 0;
  color: orangered; }

#delete_bics_modal .modal-body {
  max-height: 400px;
  overflow-y: auto; }

.swiftref_modal .modal-dialog {
  min-width: 420px; }
  .swiftref_modal .modal-dialog .modal-header {
    color: white;
    padding: 10px 15px; }
    .swiftref_modal .modal-dialog .modal-header .modal-title {
      display: inline-block; }
    .swiftref_modal .modal-dialog .modal-header .close {
      color: white;
      font-size: 27px;
      opacity: 1; }
  .swiftref_modal .modal-dialog .modal-footer {
    border: none; }
    .swiftref_modal .modal-dialog .modal-footer .search_button.cancel {
      background: white; }

.modal-open .modal.drag-active {
  overflow-y: hidden; }
  .modal-open .modal.drag-active .modal-header:hover {
    cursor: move;
    cursor: grab; }

.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 14px; }

.switch input {
  display: none; }

.slider {
  position: absolute !important;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #ccc !important;
  -webkit-transition: .4s !important;
  transition: .4s !important; }

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  top: -5px;
  left: 0;
  bottom: 4px;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0px 0px 10px 1px #e0dfdf; }

input + .slider:before {
  background-color: white !important; }

input:checked + .slider {
  background-color: #a8e6b0 !important; }

input:checked + .slider:before {
  box-shadow: unset; }

input:focus + .slider {
  background-color: #a8e6b0 !important; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: #49c84e !important; }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.lds-spinner {
  position: relative;
  margin-left: 10px; }

.lds-spinner div {
  background: dimgray; }

.lds-spinner div {
  left: 0;
  top: 0;
  position: absolute;
  -webkit-animation: lds-spinner linear .7s infinite;
  animation: lds-spinner linear .7s infinite;
  width: 2px;
  height: 5px;
  border-radius: 20%;
  -webkit-transform-origin: 1px 11px;
  transform-origin: 1px 11px; }

.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.916666666666667s;
  animation-delay: -0.616666666666667s; }

.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.833333333333333s;
  animation-delay: -0.583333333333333s; }

.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.5s; }

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.666666666666667s;
  animation-delay: -0.4566666666666667s; }

.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.583333333333333s;
  animation-delay: -0.4083333333333333s; }

.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.36s; }

.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.416666666666667s;
  animation-delay: -0.30666666666667s; }

.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.333333333333333s;
  animation-delay: -0.253333333333333s; }

.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.20s; }

.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.166666666666667s;
  animation-delay: -0.166666666666667s; }

.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.083333333333333s;
  animation-delay: -0.083333333333333s; }

.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.context-tabs li.active a:hover {
  cursor: default; }

.navbar-header > img.header_icon {
  height: 39px;
  margin-top: 4px; }

.page_title {
  color: #197367; }

.input_text_with_lens_container {
  border: 1px solid #e8e4e0;
  display: inline-block;
  padding-left: 2px; }

.input_text_with_lens {
  min-height: 30px;
  border: none;
  margin-left: -2px;
  margin-right: -2px; }

.input_text_lens_container {
  background: #f7f3f0;
  padding: 7px;
  display: inline-block; }

#filtered_number_of_records {
  color: #b5a300; }

.base_details_header_row, .details__back_to_search_container, .back_to_search_container {
  display: flex;
  align-items: center;
  justify-content: space-between; }

#list_name[contenteditable=true] {
  padding: 5px 20px; }

.show_selected {
  font-weight: normal; }

#last_updated_date > a {
  background: unset !important; }

#last_updated_date > a:hover {
  cursor: default;
  color: unset; }

#add_bics_modal .modal-header button.close {
  font-size: 30px;
  color: #333d3e;
  font-weight: bold;
  opacity: 1;
  margin-top: -8px; }

#table_container {
  display: grid; }

#table {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

table tr.checked {
  background: #ecfefa !important; }

#included_bics table tr.checked,
#used_in_records table tr.checked {
  background: #cdeae6; }

#add_bics table tr.checked {
  background: #edf8f7;
  background: #ecfefa !important; }

#records_container .records {
  padding: 0;
  background-color: white; }
  #records_container .records table td {
    text-align: left; }
    #records_container .records table td a[data-toggle="popover"] {
      color: #009bbb; }
    #records_container .records table td span.box_container {
      padding: 2px;
      margin: 2px;
      display: inline-block; }

.filters,
.records {
  margin-left: -15px; }

.filters {
  padding: 10px 15px; }
  .filters label {
    font-weight: normal;
    margin: 0 5px; }
    .filters label input {
      position: relative;
      bottom: -1px; }
    .filters label input:not(:disabled):hover {
      cursor: pointer; }
  .filters select {
    margin: 0 20px 0 0;
    max-width: 200px;
    font-weight: normal; }

.filters > div {
  margin: 0; }

.filters input[name="start_date"] {
  border: 1px solid lightgray;
  min-height: 32px; }

select#per_page {
  height: 34px; }

select#per_page:hover {
  cursor: pointer; }

.search_button.disabled.with_feedback:hover,
.search_button.disabled.with_feedback:active {
  box-shadow: none; }

.search_button.with_feedback:hover {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.search_button.with_feedback:active {
  background: #0291af;
  box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 6px 7px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2); }

.custom_select {
  margin: 0 5px !important; }

#ownerlists_filters {
  display: flex;
  align-items: center;
  gap: 8px; }

span.pending {
  color: #c61a10; }

span.pending_approval {
  color: #996116; }

span.pending_publication,
span.published {
  color: #20844b; }

.select2-container {
  min-width: 80px; }

.select2-container--classic .select2-selection--multiple,
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-selection.select2-selection--multiple {
  border-radius: 0;
  border: 1px solid lightgray; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: white; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #a9a9a9;
  border-radius: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: darkred; }

.select2-container .select2-selection--single {
  min-height: 30px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #333d3e; }

form {
  display: inline-block;
  width: 100%; }
  form div.row {
    margin-bottom: 20px; }

a.action_link {
  font-size: 18px; }

.error_message, .error_message_icon, .save_notification {
  color: #c61a10; }

.standard_header_row {
  border-bottom: 2px solid #197367; }

.error_header_row, #domain_error_container .error_header_row {
  border-bottom: 2px solid #c61a10;
  color: #c61a10;
  text-align: right;
  margin-top: -20px; }
  .error_header_row span.error_message_container, #domain_error_container .error_header_row span.error_message_container {
    position: relative;
    top: 10px;
    right: 20px;
    background: white;
    padding: 5px; }

.error_message_container > span {
  color: #c61a10 !important; }

#domain_error_container {
  color: #c61a10;
  margin-top: -20px;
  margin-bottom: 16px; }
  #domain_error_container .error_header_row {
    text-align: left; }
    #domain_error_container .error_header_row span.error_message_container {
      left: 20px;
      top: 14px; }
  #domain_error_container span#domain_error_message {
    position: relative;
    top: 20px;
    padding: 0 43px; }

.plus {
  font-size: 46px;
  position: relative;
  bottom: -8px; }

.optional {
  font-size: 13px; }

img.edit {
  position: relative;
  top: -3px;
  left: 6px;
  vertical-align: unset; }

img.edit:hover {
  cursor: pointer; }

#categories_container label {
  font-weight: initial; }

#categories_container div.row {
  margin-bottom: 10px; }
  #categories_container div.row div.col-md-6 {
    border: 1px solid #dcd9d3;
    padding: 10px;
    width: 40%;
    margin-left: 15px; }
  #categories_container div.row div.col-md-6.checked {
    background: #f7f3f0; }

input[type=text],
input[type=number] {
  min-height: 30px;
  width: 170px;
  color: #444;
  padding-left: 8px; }

input[name=group_name] {
  min-width: 300px;
  min-height: 30px;
  border: 1px solid #e8e4e0; }

[data-name="currencies"] input.select2-search__field {
  width: auto !important; }

@media (min-width: 992px) {
  .edit_form_box .label-column {
    text-align: right; } }

.edit_form_box {
  padding: 0 10px; }
  .edit_form_box label > span {
    position: relative;
    left: 5px; }
  .edit_form_box div.section_toggle {
    text-align: left;
    background: #e8e4e0;
    margin: 0 -10px;
    padding: 12px; }
    .edit_form_box div.section_toggle label:hover {
      cursor: pointer; }
  .edit_form_box table {
    width: 100%; }
    .edit_form_box table td {
      padding: 5px 0;
      width: 50%; }
      .edit_form_box table td table td {
        width: auto; }
      .edit_form_box table td input,
      .edit_form_box table td select {
        width: 170px; }
      .edit_form_box table td input[type="checkbox"] {
        width: auto;
        margin: 0; }
      .edit_form_box table td div > input,
      .edit_form_box table td div > select {
        height: 34px; }
      .edit_form_box table td label {
        margin-bottom: 0; }
      .edit_form_box table td label:not(.disabled) > span:hover {
        cursor: pointer; }
    .edit_form_box table td:first-child {
      word-break: break-word;
      padding-right: 5px; }

.edit_form_title {
  display: inline-block;
  position: relative;
  top: -15px;
  left: 10px;
  z-index: 1;
  background: white;
  padding: 0 10px; }

.required {
  color: orangered;
  font-size: 20px; }

span.disabled,
label.disabled,
div.disabled,
a.disabled {
  opacity: .6; }

a.disabled:hover {
  color: #333d3e; }

tr.table_row_separator {
  border-bottom: 2px solid #197367; }

#sp_data_published_label,
#gpi_data_published_label {
  font-size: 14px;
  margin-left: 10px; }

.error_message, .error_message_icon, .save_notification {
  color: #c61a10; }

.error_message_icon {
  top: 2px; }

.save_notification {
  position: relative;
  top: -25px;
  float: right;
  margin: 0; }

.glyphicon {
  z-index: 2; }

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-image: linear-gradient(to bottom, #e8e4e0, #e8e4e0); }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #acf9e9, #acf9e9);
  color: #333d3e; }

select[name="offset"]:disabled {
  opacity: .6;
  background: #ededed; }

.remove-record {
  color: orangered;
  cursor: pointer;
  font-size: 16px; }

input[name="start_date"]:disabled,
input[name="stop_date"]:disabled,
input[name="account_number"]:disabled {
  background: #ebebe4;
  cursor: not-allowed; }

#categories_container label {
  display: flex; }

#table_container input.updated,
#page_container input.updated {
  border: 3px solid orange; }

#table_container tr.added,
#page_container tr.added {
  border-left: 3px solid #197367; }
  #table_container tr.added td,
  #page_container tr.added td {
    border-top: none !important;
    border-bottom: none !important; }

#table_container tr.updated,
#page_container tr.updated {
  border-left: 3px solid orange; }
  #table_container tr.updated td,
  #page_container tr.updated td {
    border-top: none !important;
    border-bottom: none !important; }

#table_container tr.deleted,
#page_container tr.deleted {
  opacity: .6;
  border-left: 3px solid darkgrey; }
  #table_container tr.deleted td,
  #page_container tr.deleted td {
    border-top: none !important;
    border-bottom: none !important; }

#records_container .search_button {
  padding: 6px; }

.records table > tbody > tr.with_errors > td {
  vertical-align: top; }

#table_container table select,
#page_container table select {
  height: auto; }

#table_container table input[name="start_date"],
#table_container table input[name="stop_date"],
#page_container table input[name="start_date"],
#page_container table input[name="stop_date"] {
  height: 30px; }

#table_container tr.deleted,
#page_container tr.deleted {
  opacity: 1; }

#table_container td select,
#page_container td select {
  width: 100%; }

#table_container td swiftref-icon:hover,
#page_container td swiftref-icon:hover {
  cursor: pointer; }

.related_gpis_modal_content {
  max-height: 600px;
  overflow-y: auto; }

.custom_select {
  margin: 0 !important; }

span[data-name="owner_bic"],
span[data-name="delegated_bic"] {
  display: none; }

#breadcrumbs-selected-label {
  display: none; }

.input-text-with-lens-container {
  position: relative;
  border: 1px solid lightgray;
  display: inline-block;
  padding-left: 2px;
  margin-left: 10px; }
  .input-text-with-lens-container input {
    min-height: 34px;
    border: none;
    margin-left: -2px;
    margin-right: -2px; }
  .input-text-with-lens-container .lens-container {
    background: #f7f3f0;
    padding: 7px;
    display: inline-block; }
  .input-text-with-lens-container .x-button {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    position: absolute;
    right: 50px;
    right: 28px;
    top: 6px;
    display: none; }
  .input-text-with-lens-container .x-button:hover {
    color: #c61a10;
    cursor: pointer; }

#prevalidations-search tr.updated {
  border-left: 3px solid orange; }

#prevalidations-search td {
  vertical-align: top; }

#prevalidations-search table .search_button {
  padding: 4px 6px; }

#prevalidations-search table select,
#prevalidations-search table input[type="text"] {
  min-height: 30px;
  padding: 0px 10px;
  border: 1px solid #e8e4e0;
  width: 250px; }

#prevalidations-search table select {
  padding: 0px 6px; }

#prevalidations-search table input.updated {
  border: 1px solid orange; }

#prevalidations-search .main-content .form_input_label {
  margin: 0; }

#prevalidations-search .main-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em; }
  #prevalidations-search .main-content table td {
    padding: 0 15px;
    margin: 10px 0; }
  #prevalidations-search .main-content table td:first-child {
    text-align: right;
    width: 33%; }
  #prevalidations-search .main-content table td:last-child {
    text-align: left; }

ul {
  position: relative; }

li.img {
  position: absolute;
  right: 0;
  top: 5px; }


/*# sourceMappingURL=prevalidations_079c338655bf2c3ccba9.css.map*/