/*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%;
    }
}

.box-container {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 48px;
}

/*.box-container > div {*/
/*    width: 40%;*/
/*}*/

.swiftref-box-grey {
    max-width: unset;
    width: 100%;
}

p {
    margin: 10px 0;
}


.card-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


@media (max-width: 940px) {
    .box-container {
        flex-direction: column;
    }
}


.box {
    background: var(--background-light);
    padding: var(--spacing-10) 0;
}

/*sepabicfromiban*/
.sepabicfromiban__tab-content__form__iban_input {
    border: 1px solid var(--border-strong);
    height: var(--spacing-50) !important;
    border-radius: 4px;
    margin: var(--spacing-05) 0;
    margin-right: var(--spacing-20);
    min-width: 350px;
    padding: var(--spacing-05) var(--spacing-10);
}



/*grid*/
#groups-button,
.btn-primary {
    background-color: var(--accent-light-default) !important;
    border-color: unset;
    border: unset;
    color: var(--text-default);
}
input {
    height: calc(var(--spacing-50) - 10px) !important;
    min-height: 24px;
    /*border: 1px solid lightgray;*/
    border-radius: 4px;
}

tr.detached-row {
    /*background: #f8f8f8 !important;*/
    background: var(--background-warning) !important;
}
tr:not(.detached-row):nth-child(2n) {
    background: var(--background-light);
}

thead tr {
    border-top: 1px solid var(--border-strong);
    border-bottom: 1px solid var(--border-strong) !important;
}


/**
 * 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);
}

.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);
}


.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; }

#tab__data_management li.active[role="presentation"],
#tab__management_information li.active[role="presentation"] {
  text-align: center; }

.thumbnail .caption {
  color: #333d3e; }

.btn-primary:hover {
  color: #333d3e; }

.navbar .container-fluid {
  max-width: 1280px; }

@media (min-width: 1200px) {
  .container {
    width: 1280px; } }

#tab__sepa_bic_from_iban a:not(.glyphicon-info-sign) {
  color: #0AA7C7; }

#sepabicfromiban_validation__captcha {
  height: 40px !important; }

#tab__sepa_bic_from_iban .errors {
  color: red; }

#tab__sepa_bic_from_iban #feedbackModal .error {
  border: 1px solid red; }

#tab__sepa_bic_from_iban #sepa_bic_from_iban_content ul li {
  margin-top: 5px; }

#tab__sepa_bic_from_iban #sepa_bic_from_iban_content ul li > span {
  margin-right: 5px; }

#tab__sepa_bic_from_iban #sepa_bic_from_iban_content ul li.correct > span {
  color: green; }

#tab__sepa_bic_from_iban #sepa_bic_from_iban_content ul li.error > span {
  color: red; }

#sepa_bic_from_iban_feedback {
  margin-top: 20px; }

#feedbackModal input {
  width: 400px; }

#feedbackModal textarea {
  width: 400px;
  height: 100px; }

#feedbackModal #feedback_error {
  color: red;
  margin-top: 12px; }

#feedbackModal #feedback_success {
  font-weight: 700;
  color: #009bbb; }

#feedbackModal #feedback_send,
#feedbackModal #feedback_send:hover {
  background-color: #009bbb;
  border-color: #009bbb; }

#feedbackModal #feedback_send,
#feedbackModal #feedback_cancel {
  border-radius: 0; }


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