.bnp-billing-subs-wrapper {
    display: flex;
    padding: 20px;
    margin-bottom: 25px;
    align-items: center;
    gap: 10px;
    background-color: #FFF;
    border-radius: 3px;
    justify-content: space-between;
}

.bnp-billing-subs-wrapper div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.bnp-billing-subs-wrapper p,
.bnp-billing-subs-wrapper a,
.bnp-billing-subs-wrapper div {
    color: #1F1F1F;
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin: 0px;
}

.bnp-billing-subs-wrapper a {
    text-decoration: underline;
}

.bnp-toggle-switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    padding: 2px;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 6px;
    background: #a7a7a7;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.bnp-toggle-switch:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -3px;
    left: -5px;
    width: 18px;
    height: 18px;
    background: #efefef;
    border: 1px solid #a7a7a7;
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

[aria-checked="true"] {

    .bnp-toggle-switch {
        background: #199d69;
        border-color: #199d69;
    }

    .bnp-toggle-switch:before {
        -moz-transition-duration: .35s;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        left: 15px;
        background: #68cd75;
        border-color: #68cd75;
    }
}

[aria-checked="true"] {
    .on {
        display: block;
    }

    .off {
        display: none;
    }
}

[aria-checked="false"] {
    .on {
        display: none;
    }

    .off {
        display: block;
    }
}

.toggle-container {
    min-width: 152px;
    text-align: left;
}

.bnp-blocktitle-facturation {
    position: relative;
    padding: 50px 0px 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #cdcdcd;
}

.bnp-blocktitle-facturation h2 {
    margin: 0;
    font-family: 'bnp';
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
}

.ag-viewport .link:before {
    content: '\e934';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

div.ag-cell-value .downloader:before {
    content: '\e92e';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-filters input {
    background-color: #FFF;
}

.bnp-filters-row #link-billing {
    background-color: #FFF;
}·

.bnp-doclist .bnp-filters #bnp-search-helper,
.bnp-doclist .bnp-filters #bnp-doc-helper,
.bnp-doclist .bnp-filters #bnp-date-helper {
    display: none;
    width: 100%;
    position: relative;
    translate: 0 -16px;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    /* check box  */
    /**/
}

.bnp-doclist .bnp-filters #bnp-search-helper .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-doc-helper .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-checkbox-list {
    padding: 16px;
}

.bnp-doclist .bnp-filters #bnp-search-helper .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-checkbox-list .custom-checkbox {
    width: 100%;
    box-sizing: border-box;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox {
    width: auto;
    float: right;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #777;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child {
    border: 0 none;
    padding-right: 0;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body {
    max-height: 216px;
    overflow-y: scroll;
    margin-right: 20px;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list {
    display: flex;
    flex-direction: column;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    width: 33.3%;
    float: left;
}

.bnp-doclist .bnp-filters #bnp-doc-helper,
.bnp-doclist .bnp-filters #bnp-date-helper {
    width: fit-content;
    position: absolute;
}

.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body {
    width: 100%;
}

.bnp-doclist .bnp-filters #bnp-doc-helper datalist#date-list,
.bnp-doclist .bnp-filters #bnp-date-helper datalist#date-list {
    max-height: fit-content;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox {
    display: flex;
    flex-direction: column;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox .custom-listbox-elem,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem {
    box-sizing: border-box;
    padding: 10px 15px;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
    display: inline-table;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox .custom-listbox-elem:hover,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem:hover {
    background-color: #E6F3EE;
}

.bnp-doclist .bnp-filters .bnp-filter-company-wrapper #btn-search {
    display: block;
    width: 48px;
    height: 39px;
    top: -54px;
    right: -2px;
    position: relative;
    float: right;
    background: #008859;
    cursor: pointer;
    border-radius: 2px;
}

.bnp-doclist .bnp-filters .bnp-filter-company-wrapper #btn-search:before {
    position: absolute;
    top: 13px;
    right: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row {
    display: inline-block;
    width: 100%;
    float: left;
    /*  input#filter-document, input#filter-date, input#filter-customdate {
      padding : 5px 10px;
  }  */
}

.bnp-filters-row .bnp-filter-company-wrapper {
    width: 73%;
    float: left;
    height: 44px;
}

.bnp-filters-row .bnp-filter-company-wrapper #filter-company {
    border-radius: 2px;
}

.bnp-filters-row .bnp-filter-document-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-date-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-customdate-wrapper #btn-dropdown {
    display: block;
    width: 10px;
    height: 39px;
    top: -54px;
    right: -18px;
    position: relative;
    float: right;
    cursor: pointer;
}

.bnp-filters-row .bnp-filter-document-wrapper #btn-dropdown:before,
.bnp-filters-row .bnp-filter-date-wrapper #btn-dropdown:before {
    position: absolute;
    top: 13px;
    right: 10px;
    content: '\e954';
    color: #0f0f0f;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row .bnp-filter-customdate-wrapper #btn-dropdown:before {
    position: absolute;
    top: 13px;
    right: 10px;
    content: '\e925';
    color: #0f0f0f;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row .bnp-filter-document-wrapper.opened #btn-dropdown:before,
.bnp-filters-row .bnp-filter-date-wrapper.opened #btn-dropdown:before {
    content: '\e955';
}

.bnp-filters-row .bnp-filter-document-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
    margin-left: 35px;
}

.bnp-filters-row .bnp-filter-document-wrapper #filter-document {
    cursor: pointer;
    field-sizing: content;
    border-radius: 2px;
    padding: 5px 10px;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #filter-document {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #filter-document::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-date-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
}

.bnp-filters-row .bnp-filter-date-wrapper #filter-date {
    cursor: pointer;
    field-sizing: content;
    border-radius: 2px;
    padding: 5px 10px;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #filter-date {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #filter-date::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-customdate-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
    margin-left: 18px;
}

.bnp-filters-row .bnp-filter-customdate-wrapper #filter-customdate {
    cursor: pointer;
    field-sizing: content;
    font-size: 0.9375rem;
    padding: 9px 10px 5px;
    border-radius: 2px;
}

.bnp-filters-row #link-billing {
    padding: 10px 1%;
    float: right;
    border: 1px solid #d4d4d4;
    margin: 3px 0 15px;
    background: #f9f9f9;
    display: inline-block;
    font-size: 1.1em;
    line-height: 1;
    font-family: inherit;
    font-weight: 300;
    white-space: normal;
    vertical-align: middle;
}

.bnp-filters-row #link-billing a {
    color: #0F0F0F;
    text-align: center;
    font-family: "BNPP Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    /* 17.99px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bnp-filters-row #filter-periode {
    width: 110px;
    float: left;
}

.bnp-filters-row #filter-periode-custom {
    width: fit-content;
    display: none;
    float: left;
}

.bnp-filters-row #filter-document::placeholder,
.bnp-filters-row #filter-company::placeholder,
.bnp-filters-row #filter-date::placeholder,
.bnp-filters-row #filter-customdate::placeholder {
    color: #0F0F0F;
    font-family: 'bnp';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    /* 17.99px */
}

.bnp-filtered-list {
    float: left;
    margin-bottom: 15px;
}

.bnp-filtered-list #bnp-delete-filters {
    display: none;
    float: left;
    cursor: pointer;
    padding: 6px 8px 6px 8px;
    margin: 8px 8px 0 0;
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bnp-filtered-list .bnp-filter-active {
    float: left;
    padding: 6px 8px 6px 8px;
    margin: 8px 8px 0 0;
    color: #fff;
    background: #008859;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.bnp-filtered-list .bnp-filter-active .bnp-filter-type {
    font-family: 'bnplight';
}

.bnp-filtered-list .bnp-filter-active span.bnp-filter-close:before {
    content: '\e905';
    cursor: pointer;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.625rem;
    box-sizing: border-box;
    margin-left: 7px;
}

.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body {
    overflow: auto;
    margin: 0px;
    max-height: fit-content;
}

.dp-highlight a.ui-state-default {
    border: 1px solid #199d69;
    background: #199d69;
    font-weight: normal;
    color: #ffffff;
}

.ag-paging-page-size {
    display: none;
}

.ag-paging-panel {
    justify-content: center;
}

.ag-row-hover {
    background-color: hsl(73, 40%, 96%);
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile {
    background-color: #FFE9ED;
    padding: 16px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    color: #20252B;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "opensans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile p {
    margin: 0px;
    word-break: normal;
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile #info-icon::after {
    font-family: 'icon' !important;
    content: '\e924';
    color: #DC2626;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 7px;
}

.clear:after {
    content: "";
    display: table;
    clear: both;
}

.boxed {
    box-sizing: border-box;
}

.drop-shadow {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

.icon {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    flex-basis: fit-content;
}

.flex-item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    flex-basis: fit-content;
}

/*
 *  CSS3 ANIMATIONS
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Pop animation (See hover.css: http://ianlunn.github.io/Hover/)
 *---------------------------------*/
@-moz-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/*---------------------------------
 *  Push animation (See hover.css: http://ianlunn.github.io/Hover/)
 *---------------------------------*/
@-moz-keyframes push {
    50% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes push {
    50% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes push {
    50% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/*
 *  RESETS
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Reset
 *---------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*---------------------------------
 *  Forms
 *---------------------------------*/
/* Reset */
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
input[type=file],
label,
select,
button,
textarea {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.1em;
    line-height: 1;
    font-family: inherit;
    font-weight: 300;
    white-space: normal;
    vertical-align: middle;
    background: none;
}

/* Remove the outer glow in Webkit */
input:focus,
textarera:focus {
    outline: 0;
}

/* input button */
input[type=button] {
    min-width: 160px;
}

/* Box Sizing Reset */
input,
textarea {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fields regroupment */
fieldset {
    margin: 20px 0 0;
    border: none;
}

fieldset legend {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    font-size: 1.1em;
    text-align: center;
    color: #000;
    font-family: inherit;
}

/* Labels */
label {
    font-size: 1em;
    /* color:#aeaaab; */
}

/* Text Inputs */
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    width: 98%;
    margin: 3px 0 15px;
    padding: 5px 1%;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
}

/* Date/Time/week... */
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week] {
    width: 48%;
}

/* Search Input (WebKit reset) */
/* Make webkit render the search input like a normal text field */
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
    display: none;
}

/* File Uploads */
input[type=file] {
    width: 99%;
    margin: 3px 0 15px;
    padding: 0 1% 0 0;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
}

::-webkit-file-upload-button {
    overflow: visible;
    width: auto;
    display: inline-block !important;
    cursor: pointer;
    font-size: 1em;
    padding: 5px 7px;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-file-upload-button:hover,
::-webkit-file-upload-button:focus,
::-webkit-file-upload-button:active {
    text-decoration: none;
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Textarea */
textarea {
    overflow: auto;
    width: 98%;
    min-height: 50px;
    margin: 7px 0 15px;
    padding: 5px 1%;
    font-size: 1em;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
    resize: vertical;
}

/* Select */
select {
    width: 100%;
    margin: 7px 0 15px;
    padding: 5px 1%;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
}

select[multiple] {
    vertical-align: top;
}

/* Radios/Cbx */
input[type=checkbox],
input[type=radio] {
    width: 13px;
    height: 13px;
    margin-left: 10px;
}

input[type=checkbox]:first-child,
input[type=radio]:first-child {
    margin-left: 0;
}

/* Error */
.bnp-error {
    color: #E34723 !important;
    border-color: #E34723 !important;
}

/* Buttons 
button,
input[type="reset"],
input[type="button"],
input[type="submit"]{display:inline-block;overflow:visible;width:auto;padding:20px 40px;color:#fff;font-family:inherit;cursor:pointer;font-size:1em;background:@linkDefault;.pop();}
input[type="reset"]{background:#333;}
*/
/* Form actions */
.bnp-form-actions {
    margin-top: 30px;
    text-align: right;
}

.bnp-form-actions input,
.bnp-form-actions button,
.bnp-form-actions .bnp-button {
    margin-left: 20px;
}

.bnp-form-actions input:first-child,
.bnp-form-actions button:first-child,
.bnp-form-actions .bnp-button:first-child {
    margin-left: 0;
}

/*
 *  BASICS
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Fonts
 *---------------------------------*/
body {
    font-family: 'bnp';
}

@font-face {
    font-family: 'LatoRegular';
    src: url('../../fonts/typos/lato-regular.eot');
    src: url('../../fonts/typos/lato-regular.eot') format('embedded-opentype'), url('../../fonts/typos/lato-regular.woff') format('woff'), url('../../fonts/typos/lato-regular.ttf') format('truetype'), url('../../fonts/typos/lato-regular.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoBold';
    src: url('../../fonts/typos/lato-bold.eot') format('embedded-opentype'), url('../../fonts/typos/lato-bold.woff') format('woff'), url('../../fonts/typos/lato-bold.ttf') format('truetype'), url('../../fonts/typos/lato-bold.svg#LatoBold') format('svg');
}

@font-face {
    font-family: 'bnp';
    src: url('../../fonts/typos/bnpp_sans-webfont.woff.eot');
    src: url('../../fonts/typos/bnpp_sans-webfont.woff.eot') format('embedded-opentype'), url('../../fonts/typos/bnpp_sans-webfont.woff') format('woff'), url('../../fonts/typos/bnpp_sans-webfont.ttf') format('truetype'), url('../../fonts/typos/bnpp_sans-webfont.svg#LatoBold') format('svg');
}

@font-face {
    font-family: 'bnpbold';
    src: url('../../fonts/typos/bnpp_sans_bold-webfont.eot');
    src: url('../../fonts/typos/bnpp_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/typos/bnpp_sans_bold-webfont.woff') format('woff'), url('../../fonts/typos/bnpp_sans_bold-webfont.ttf') format('truetype'), url('../../fonts/typos/bnpp_sans_bold-webfont.svg#bnpp_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bnplight';
    src: url('../../fonts/typos/bnpp_sans_light-webfont.eot');
    src: url('../../fonts/typos/bnpp_sans_light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/typos/bnpp_sans_light-webfont.woff') format('woff'), url('../../fonts/typos/bnpp_sans_light-webfont.ttf') format('truetype'), url('../../fonts/typos/bnpp_sans_light-webfont.svg#bnpp_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bnpcond';
    src: url('../../fonts/typos/BNPP-Cond.eot');
    src: url('../../fonts/typos/BNPP-Cond.eot?#iefix') format('embedded-opentype'), url('../../fonts/typos/BNPP-Cond.woff2') format('woff2'), url('../../fonts/typos/BNPP-Cond.woff') format('woff'), url('../../fonts/typos/BNPP-Cond.ttf') format('truetype'), url('fonts/typos/BNPP-Cond.svg#bnpp_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icon';
    src: url('../../fonts/typos/icon.eot?5wadq7');
    src: url('../../fonts/typos/icon.eot?5wadq7#iefix') format('embedded-opentype'), url('../../fonts/typos/icon.ttf?5wadq7') format('truetype'), url('../../fonts/typos/icon.woff?5wadq7') format('woff'), url('../../fonts/typos/icon.svg?5wadq7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    font-style: normal;
    font-weight: 125 950;
    font-stretch: 75% 125%;
    src: url('../../fonts/typos/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'icon';
    src: url('../../fonts/typos/icon.eot?5wadq7');
    src: url('../../fonts/typos/icon.eot?5wadq7#iefix') format('embedded-opentype'), url('../../fonts/typos/icon.ttf?5wadq7') format('truetype'), url('../../fonts/typos/icon.woff?5wadq7') format('woff'), url('../../fonts/typos/icon.svg?5wadq7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    speak: none;
}

/*---------------------------------
 *  Basic HTML
 *---------------------------------*/
body {
    background: #e0e0e0;
}

/* Headings */
h1 {
    margin: 0 0 15px;
    font-size: 2.5rem;
    color: #1a1a1a;
    font-weight: 300;
}

h2 {
    margin: 0 0 12px;
    font-size: 1.875rem;
    color: #1a1a1a;
    font-weight: 300;
}

h3 {
    margin: 0 0 10px;
    font-size: 1.5625rem;
    color: #1a1a1a;
    font-weight: 500;
}

h4 {
    margin: 0 0 7px;
    font-size: 1.25rem;
    color: #1a1a1a;
    font-weight: 500;
}

h5 {
    margin: 0 0 7px;
    font-size: 1.125rem;
    color: #1a1a1a;
    font-weight: 500;
}

h6 {
    margin: 0 0 5px;
    font-size: 1rem;
    font-style: italic;
}

/* Paragraph */
p {
    margin: 0 0 10px;
    line-height: 1.3em;
}

/* Bolder */
strong,
b {
    font-weight: 700;
}

hr {
    height: 1px;
    border: none;
    color: #D4D4D4;
    background: #D4D4D4;
}

/*---------------------------------
 *  Lists
 *---------------------------------*/
ul.bnp-list {
    list-style: disc inside none;
}

ul.bnp-list li {
    padding: 2px 0;
}

ul.bnp-list li a {
    color: #028abe;
}

ul.bnp-list-arrow {
    list-style: none;
}

ul.bnp-list-arrow li {
    margin-bottom: 2px;
    padding-left: 20px;
}

ul.bnp-list-arrow li:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 7px;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #028abe;
}

ul.bnp-list-arrow li a:link {
    color: #7d7d7d;
    font-weight: bold;
}

ul.bnp-list-arrow li a:visited {
    color: #7d7d7d;
}

/* Definition
dl{margin:0 0 10px;
    dt{float:left;margin:0 5px 0 0;font-weight:bold;}
    dd{margin-bottom:5px;}
}
 */
/*---------------------------------
 *  Links
 *---------------------------------*/
a[href~=""] {
    text-decoration: none;
    color: #028abe;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    overflow-wrap: break-word;
}

a[href~=""]:visited {
    text-decoration: none;
    color: #028abe;
}

a[href~=""]:hover {
    color: #028abe;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    -webkit-opacity: 0.85;
    opacity: 0.85;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}

/* Action link > Default */
a.bnp-action-link {
    font-style: italic;
    font-weight: bold;
}

a.bnp-action-link:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 7px;
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 5px solid #028abe;
}

/* Action link > In colored block */
.bnp-color1 a.bnp-action-link {
    color: #db467d;
}

.bnp-color1 a.bnp-action-link:before {
    border-left-color: #db467d;
}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.bnp-button {
    text-align: center;
    min-width: 65px;
    display: inline-block;
    padding: 19px 10px;
    color: #fff;
    cursor: pointer;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* Alert */
}

.bnp-button:visited,
.bnp-button:hover {
    text-decoration: none !important;
    text-align: center;
    min-width: 65px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-button.bnp-dblock {
    display: block;
    padding: 20px 0;
    text-align: center;
}

.bnp-button.bnp-cancel {
    background: #fff;
    color: #444;
}

.bnp-button.bnp-delete {
    background: #CA0F0F;
}

.bnp-button.bnp-disabled {
    cursor: default;
    background: #b4b4b4;
    -webkit-animation-name: '';
    animation-name: '';
}

.bnp-button.bnp-alert {
    position: relative;
    width: 170px;
    font-size: 0.8125rem;
    font-family: 'bnp';
    padding: 12px 8px 10px 56px;
    text-align: left;
    line-height: 17px;
}

.bnp-button.bnp-alert:before {
    position: absolute;
    left: 25px;
    top: 20px;
    content: '\e926';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.25rem;
}

.bnp-blocktitle .bnp-button-tool,
.bnp-button-tool {
    position: static !important;
    text-align: center;
    min-width: 65px;
    display: inline-block;
    background: transparent;
    padding: 19px 10px;
    color: #199d69;
    cursor: pointer;
    border: 2px solid #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-blocktitle .bnp-button-tool {
    float: right;
    margin: -42px 0 0 20px;
}

/*---------------------------------
 *  Tables
 *---------------------------------*/
.bnp-table {
    width: 100%;
}

.bnp-table th {
    text-transform: uppercase;
    background-color: #333;
}

.bnp-table td,
.bnp-table th {
    padding: 2px 5px;
}

/*---------------------------------
 *  Forms (if no form reset)
 *---------------------------------*/
.bnp-form fieldset {
    margin: 20px 0 0;
    border: none;
}

.bnp-form fieldset legend {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    font-size: 1.25rem;
    text-align: center;
    color: #000;
    font-family: inherit;
}

.bnp-form-block {
    margin-bottom: 15px;
}

.bnp-form-block label {
    display: block;
    float: left;
    width: 120px;
    margin: 3px 10px 0 0;
    font-size: 1.125rem;
    color: #333;
}

.bnp-form-block.bnp-form-radio label,
.bnp-form-block.bnp-form-cbx label {
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    color: inherit !important;
    font-size: inherit !important;
}

.bnp-form-block input[type="text"],
.bnp-form-block textarea {
    resize: vertical;
}

.bnp-form-block input[type="checkbox"],
.bnp-form-block input[type="radio"] {
    vertical-align: text-bottom;
}

.bnp-form-block select {
    width: 200px;
    padding: 3px;
}

/*---------------------------------
 *  Tools
 *---------------------------------*/
.bnp-clear {
    clear: both;
    line-height: 0;
}

.bnp-hidden {
    display: none !important;
}

.bnp-align-left {
    text-align: left !important;
}

.bnp-align-right {
    text-align: right !important;
}

.bnp-align-center {
    text-align: center;
}

.bnp-float-left {
    float: left;
}

.bnp-float-right {
    float: right;
}

/* The custom-checkbox */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox.checked .checkmark {
    background-color: #009a67;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox.checked .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
 *  STRUCTURES
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Section
 *---------------------------------*/
.bnp-section {
    width: 1024px;
    margin: 0 auto;
    text-align: left;
}

/*---------------------------------
 *  Header right:calc( ~"(100% - 984px)");
 *---------------------------------*/
#bnp-header {
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    position: relative;
    z-index: 1002;
    /* search */
}

#bnp-header .bnp-section {
    width: 1440px;
    max-width: 100%;
}

#bnp-header #bnp-logo {
    padding: 10px 20px 10px 0;
    width: 250px;
    float: left;
}

#bnp-header #bnp-logo img {
    height: 40px;
}

#bnp-header .bnp-tools-detail {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

#bnp-header #bnp-tools {
    float: right;
    width: calc((100% - 350px));
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
}

#bnp-header #bnp-tools > div {
    position: relative;
}

#bnp-header #bnp-tools > div .bnp-tools-info {
    display: none;
}

#bnp-header #bnp-tools > div:hover .bnp-tools-info {
    display: block;
}

#bnp-header #bnp-tools #bnp-tools-parameter {
    position: relative;
    width: 64px;
    height: 64px;
    float: right;
    background: #0a7243;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    /* Triger */
    /* Tools Detail */
    /* Opened */
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 10;
    float: right;
    width: 30px;
    height: 15px;
    padding: 15px 9px 15px 15px;
    background: #0a7243;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span {
    backface-visibility: hidden;
    position: absolute;
    left: 18px;
    border-top: 3px solid #fff;
    width: 18px;
    -webkit-transition: 0.55s;
    -o-transition: 0.55s;
    transition: 0.55s;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child {
    top: 14px;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span {
    top: 20px;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span + span {
    top: 26px;
}

#bnp-header #bnp-tools #bnp-tools-parameter.bnp-opened .bnp-trigger span:first-child {
    top: 21px;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#bnp-header #bnp-tools #bnp-tools-parameter.bnp-opened .bnp-trigger span:first-child + span {
    opacity: 0;
}

#bnp-header #bnp-tools #bnp-tools-parameter.bnp-opened .bnp-trigger span:first-child + span + span {
    top: 21px;
    transform: rotate(-410deg);
    -webkit-transform: rotate(-410deg);
    -moz-transform: rotate(-410deg);
    -ms-transform: rotate(-410deg);
    -o-transform: rotate(-410deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail {
    height: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    overflow: hidden;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 10000;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul {
    width: 240px;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li {
    border-top: 1px solid #a5a5a5;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li:first-child {
    border: 0 none;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li:hover {
    background: #fff;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li:hover a {
    text-decoration: none;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li a {
    display: block;
    padding: 18px 10px 18px 30px;
    color: #151515;
}

#bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail ul li span {
    display: inline-block;
    padding: 6px 8px 4px 8px;
    margin: 0 8px;
    color: #fff;
    font-size: 0.625rem;
    background: #ff6600;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#bnp-header #bnp-tools #bnp-tools-parameter.bnp-opened .bnp-tools-detail {
    height: auto;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

#bnp-header #bnp-tools #bnp-tools-profile {
    padding: 15px 20px;
    height: 64px;
    overflow: hidden;
    box-sizing: border-box;
    float: right;
    color: #fff;
    border-left: 1px solid #e0e0e0;
    background: #0d864f;
}

#bnp-header #bnp-tools #bnp-tools-profile h2 {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 2px;
}

#bnp-header #bnp-tools #bnp-tools-profile p {
    font-size: 0.75rem;
    font-family: 'bnplight';
    margin-bottom: 0px;
}

#bnp-header #bnp-tools #bnp-tools-help {
    width: 68px;
    height: 64px;
    float: right;
    border-left: 1px solid #e0e0e0;
}

#bnp-header #bnp-tools #bnp-tools-help .bnp-shutter {
    position: relative;
    width: 68px;
    height: 64px;
    cursor: pointer;
}

#bnp-header #bnp-tools #bnp-tools-help .bnp-shutter:before {
    position: absolute;
    top: 22px;
    left: 26px;
    content: '\e904';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5b5b5b;
    font-size: 1.25rem;
}

#bnp-header #bnp-tools #bnp-tools-notif {
    position: relative;
    width: 68px;
    height: 64px;
    float: right;
    border-left: 1px solid #e0e0e0;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-shutter {
    position: relative;
    width: 68px;
    height: 64px;
    cursor: pointer;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-shutter:before {
    position: absolute;
    top: 22px;
    left: 26px;
    content: '\e900';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5b5b5b;
    font-size: 1.25rem;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-shutter span {
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 36px;
    padding: 3px 5px 2px 5px;
    line-height: 10px;
    color: #fff;
    font-size: 0.625rem;
    background: #ff6600;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail {
    height: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    overflow: hidden;
    width: 360px;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 10;
    background: #e0e0e0;
    box-sizing: border-box;
    z-index: 10000;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    /* Entry */
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-notif-entry {
    padding: 16px;
    margin: 8px 0px;
    background: #fff;
    border-left: 6px solid #ff6600;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-notif-entry p {
    color: #151515;
    font-size: 0.875rem;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-notif-entry p a {
    color: #5dc66a;
    text-decoration: underline;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-notif-entry:hover {
    margin: 8px -6px;
    padding: 16px 22px;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-btn {
    display: inline-block;
    padding: 8px;
    margin: 10px 10px 10px 0;
    color: #199c69;
    border: 2px solid #199c69;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 0.875rem;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-btn-seemore {
    display: inline-block;
    padding: 5px 8px;
    margin: 10px 10px 10px 0;
    background: #199c69;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 0.875rem;
}

#bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail .bnp-btn-seemore span {
    display: inline-block;
    background: #0c7050;
    padding: 5px 9px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#bnp-header #bnp-tools #bnp-tools-notif.bnp-opened .bnp-shutter {
    background: #e0e0e0;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-header #bnp-tools #bnp-tools-notif.bnp-opened .bnp-shutter:before {
    content: '\e905';
}

#bnp-header #bnp-tools #bnp-tools-notif.bnp-opened .bnp-shutter span {
    display: none;
}

#bnp-header #bnp-tools #bnp-tools-notif.bnp-opened .bnp-tools-detail {
    height: auto;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    padding: 25px 22px;
}

#bnp-header #bnp-tools #bnp-tools-card {
    width: 68px;
    height: 64px;
    border-left: 1px solid #e0e0e0;
    top: -5px;
    right: 16px;
}

#bnp-header #bnp-tools #bnp-tools-card .bnp-shutter {
    position: relative;
    width: 68px;
    height: 64px;
    cursor: pointer;
    right: 2px;
}

#bnp-header #bnp-tools #bnp-tools-card .bnp-shutter:before {
    position: absolute;
    top: 22px;
    left: 26px;
    content: '\e953';
    /*content:'\e906';*/
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5b5b5b;
    font-size: 1.25rem;
}

#bnp-header #bnp-tools #bnp-tools-search {
    width: 68px;
    height: 64px;
    float: right;
    border-left: 1px solid #e0e0e0;
}

#bnp-header #bnp-tools #bnp-tools-search .bnp-shutter {
    position: relative;
    width: 68px;
    height: 64px;
    cursor: pointer;
}

#bnp-header #bnp-tools #bnp-tools-search .bnp-shutter:before {
    position: absolute;
    top: 22px;
    left: 26px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5b5b5b;
    font-size: 1.25rem;
}

#bnp-header #bnp-tools #bnp-tools-search .bnp-overlay {
    display: none;
    width: 100%;
    height: calc((100vh));
    position: fixed;
    background: #000;
    left: 0;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    z-index: 100;
}

#bnp-header #bnp-tools #bnp-tools-search .bnp-tools-detail {
    display: none;
    overflow: hidden;
    width: 840px;
    position: fixed;
    top: 120px;
    left: calc((50% - 420px));
    z-index: 10000;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-overlay {
    display: block;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-shutter {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-shutter:before {
    content: '\e905';
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail {
    display: block;
    height: auto;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-tools {
    background: #fff;
    height: 64px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 1px;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-tools input {
    display: inline-block;
    width: calc((100% - 64px));
    height: 64px;
    margin: 0;
    border: 0 none;
    background: #fff;
    color: #151515;
    font-size: 1.125rem;
    font-family: 'bnplight';
    box-sizing: border-box;
    float: left;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-tools a {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: #199d69;
    float: left;
    position: relative;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-tools a:before {
    position: absolute;
    top: 24px;
    left: 24px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.25rem;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result {
    padding-bottom: 20px;
    background: #e0e0e0;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry h2 {
    width: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    background: #fff;
    font-size: 1.125rem;
    margin-bottom: 20px;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry h2 span {
    color: #199d69;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    color: #151515;
    font-size: 1rem;
    padding-left: 60px;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry a:before {
    position: absolute;
    top: -1px;
    left: 40px;
    content: '\e902';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 0.875rem;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry a:hover {
    color: #5dc66a;
}

#bnp-header #bnp-tools #bnp-tools-search.bnp-opened .bnp-tools-detail #bnp-search-result .bnp-search-entry a:hover:before {
    color: #5dc66a;
}

#bnp-header #bnp-tools .bnp-tools-info {
    display: none;
    position: absolute;
    top: 80px;
    right: -38px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #151515;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
}

#bnp-header #bnp-tools .bnp-tools-info:before {
    content: '';
    display: block;
    position: absolute;
    left: 46%;
    top: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #151515;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
}

#bnp-header #bnp-search {
    background: #fff;
    width: calc((100% - 570px));
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 1px;
    height: 64px;
    box-sizing: border-box;
    float: rigth;
    padding: 8px;
}

#bnp-header #bnp-search input {
    display: inline-block;
    width: calc((100% - 48px));
    height: 48px;
    margin: 0;
    border: 0 none;
    background: #e0e0e0;
    color: #151515;
    font-size: 1.125rem;
    font-family: 'bnplight';
    box-sizing: border-box;
    float: left;
}

#bnp-header #bnp-search a {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #199d69;
    float: left;
    position: relative;
}

#bnp-header #bnp-search a:before {
    position: absolute;
    top: 15px;
    left: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.9375rem;
}

#bnp-header #bnp-search #bnp-search-result {
    display: none;
    padding-bottom: 20px;
    background: #e0e0e0;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry h2 {
    width: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    background: #fff;
    font-size: 1.125rem;
    margin-bottom: 20px;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry h2 span {
    color: #199d69;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    color: #151515;
    font-size: 1rem;
    padding-left: 60px;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry a:before {
    position: absolute;
    top: -1px;
    left: 40px;
    content: '\e902';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 0.875rem;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry a:hover {
    color: #5dc66a;
}

#bnp-header #bnp-search #bnp-search-result .bnp-search-entry a:hover:before {
    color: #5dc66a;
}

body #bnp-header #bnp-tools #bnp-tools-card {
    float: right;
    margin-right: -17px;
}

/*---------------------------------
 *  Topnav
 *---------------------------------*/
#bnp-topnav {
    background: #fff;
}

#bnp-topnav ul {
    height: 54px;
}

#bnp-topnav ul li {
    display: inline-block;
    position: relative;
    margin-left: 37px;
    float: left;
}

#bnp-topnav ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: -20px;
    height: 12px;
    width: 1px;
    background: #d6d6d6;
}

#bnp-topnav ul li:first-child {
    margin: 0;
    width: 16px;
    height: 55px;
}

#bnp-topnav ul li:first-child:before {
    position: absolute;
    width: auto;
    height: auto;
    top: 13px;
    left: 5px;
    content: '\e90c';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    font-size: 1.25rem;
    z-index: 5;
    background: transparent;
}

#bnp-topnav ul li:first-child a {
    display: block;
    width: 30px;
    height: 55px;
    font-size: 0;
    text-indent: 100px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 10;
}

#bnp-topnav ul li.bnp-selected a,
#bnp-topnav ul li:hover a {
    color: #199d69;
    border-color: #199d69;
}

#bnp-topnav ul li.bnp-selected:first-child:before,
#bnp-topnav ul li:hover:first-child:before {
    color: #199d69;
}

#bnp-topnav ul li a {
    display: block;
    padding: 20px 0 16px 0;
    border-bottom: 4px solid #fff;
    text-decoration: none;
    color: #151515;
    font-size: 0.875rem;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.fixed-nav #bnp-topnav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

.fixed-nav.bnp-login-body #bnp-topnav {
    position: fixed;
}

/*---------------------------------
 *  MainArea (page content)
 *---------------------------------*/
#bnp-mainarea {
    position: relative;
    background: #f0f0f0;
    min-height: calc((100vh - 300px));
}

.fixed-nav #bnp-mainarea {
    padding-top: 70px;
}

.fixed-nav.bnp-login-body #bnp-mainarea {
    padding-top: 0px;
}

/*---------------------------------
 *  Breadcrumbs
 *---------------------------------*/
#bnp-breadcrumbs {
    margin: 0 0 10px;
    color: #028abe;
}

#bnp-breadcrumbs a {
    color: #028abe;
}

/*---------------------------------
 *  Footer
 *---------------------------------*/
#bnp-footer {
    padding: 32px 0;
    border-top: 4px solid #199d69;
    background: #fff;
}

#bnp-footer .bnp-section {
    width: 1440px;
    max-width: 100%;
}

#bnp-footer #bnp-footer-logo {
    float: left;
    margin-right: 20px;
}

#bnp-footer #bnp-footer-logo a {
    display: inline-block;
}

#bnp-footer #bnp-footer-logo a img {
    height: 30px;
}

#bnp-footer p {
    font-size: 0.875rem;
    color: #151515;
    float: left;
    margin: 7px 0 0 0;
}

#bnp-footer ul {
    float: right;
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
    text-align: right;
}

#bnp-footer ul li {
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

#bnp-footer ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 10px;
    height: 12px;
    width: 1px;
    background: #d6d6d6;
}

#bnp-footer ul li.bnp-footer-cookie:before {
    display: none;
}

#bnp-footer ul li:first-child {
    padding: 0;
}

#bnp-footer ul li:first-child:before {
    display: none;
}

#bnp-footer ul li a {
    display: block;
    font-size: 0.8125rem;
    color: #151515;
}

/*---------------------------------
 *  Grid System
 *---------------------------------*/
.bnp-grid {
    position: relative;
    margin-left: -6px;
    margin-right: -6px;
}

.bnp-grid:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-grid-cell {
    float: left;
}

.bnp-grid1 {
    width: 8.33333333%;
}

.bnp-grid2 {
    width: 16.66666667%;
}

.bnp-grid3 {
    width: 25%;
}

.bnp-grid4 {
    width: 33.33333333%;
}

.bnp-grid5 {
    width: 41.66666667%;
}

.bnp-grid6 {
    width: 50%;
}

.bnp-grid7 {
    width: 58.33333333%;
}

.bnp-grid8 {
    width: 66.66666667%;
}

.bnp-grid9 {
    width: 75%;
}

.bnp-grid10 {
    width: 83.33333333%;
}

.bnp-grid11 {
    width: 91.66666667%;
}

.bnp-grid12 {
    width: 100%;
}

.bnp-grid-gutter {
    margin-left: 6px;
    margin-right: 6px;
}

/*---------------------------------
 *  Edit Mode (sp)
 *---------------------------------*/
.bnp-editmode #bnp-mainarea .bnp-section {
    width: 1400px;
}

.bnp-editmode.bnp-withtoolpane #bnp-mainarea .bnp-section {
    width: 1600px;
}

/*
 *  CONTENT BLOCKS
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Blocks
 *---------------------------------*/
.bnp-block {
    margin: 0 0 15px;
}

.bnp-block-content {
    padding: 10px;
    border-bottom: 1px solid #000;
    background: #FFF;
}

.bnp-block.bnp-nomargin {
    margin: 0;
}

.bnp-block.bnp-nopadding .bnp-block-content {
    padding: 0;
}

.bnp-block.bnp-noborder .bnp-block-content {
    border: 0;
}

.bnp-block-title {
    margin: 0 0 10px;
    font-size: 1.5625rem;
    color: #000;
}

.bnp-block-action {
    margin: 10px 0 0;
    text-align: right;
}

.bnp-block-action .bnp-button {
    margin-left: 15px;
}

.bnp-block.bnp-color1 .bnp-block-title {
    color: #db467d;
}

.bnp-block.bnp-color1 .bnp-block-content {
    border-color: #db467d;
}

/*---------------------------------
 *  Entries
 *---------------------------------*/
.bnp-entry {
    margin: 0 0 10px;
}

.bnp-entry .bnp-entry-title {
    margin-bottom: 7px;
    font-size: 1.375rem;
    line-height: 1.1em;
    font-weight: normal;
}

.bnp-entry .bnp-entry-title,
.bnp-entry .bnp-entry-title a {
    color: #028abe;
}

.bnp-entry .bnp-entry-image {
    float: left;
    margin: 0;
}

.bnp-entry .bnp-entry-image img {
    margin: 0 10px 0 0;
    border: 0;
}

.bnp-entry .bnp-entry-catchline {
    font-size: 1.125rem;
    color: #5b5959;
    margin-bottom: 5px;
}

.bnp-entry .bnp-entry-date {
    color: #3a3a3a;
    font-size: 0.875rem;
}

.bnp-entry .bnp-entry-text {
    margin: 0;
}

.bnp-entry .bnp-entry-action {
    margin-top: 6px;
}

.bnp-entry .bnp-entry-action a {
    display: block;
    color: #028abe !important;
    font-weight: bold;
}

.bnp-entry.bnp-listing {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #c1c8d9;
}

.bnp-entry.bnp-listing:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.bnp-entry.bnp-listing .bnp-entry-image img {
    width: 70px;
}

.bnp-entry.bnp-listing .bnp-entry-content {
    margin-left: 80px;
}

.bnp-fund-entry {
    position: relative;
    height: 196px;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #fff;
    background-color: #fff;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    /* Active */
    /**/
}

.bnp-fund-entry h2 {
    display: block;
    height: 50px;
    overflow: hidden;
    margin-bottom: 7px;
    padding-left: 12px;
    box-sizing: border-box;
    font-size: 1rem;
    font-family: 'bnp';
    font-weight: normal;
    color: #454545;
}

.bnp-fund-entry .bnp-fund-chek {
    display: none;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 10px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    borded: 1px solid #cfcfcf;
    background: #d9d9d9;
    cursor: pointer;
}

.bnp-fund-entry.active {
    border-color: #199d69;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

.bnp-fund-entry.active .bnp-fund-chek {
    background: #199d69;
}

.bnp-fund-entry.active .bnp-fund-chek:before {
    content: '\e90d';
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 0.5rem;
    color: #fff;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bnp-fund-entry:hover {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

.bnp-fund-entry .bnp-fonds-legend-rate {
    width: 50%;
    float: right;
}

.bnp-fund-entry .bnp-fonds-legend-rate .bnp-rate {
    display: inline-block;
    margin: 0 5px 0 0;
}

.bnp-fund-entry .bnp-fund-nc {
    font-size: 1.5rem;
    font-family: 'bnpbold';
    color: #a7a7a7;
    padding-top: 15px;
    text-align: center;
}

#bnp-comparison-cancel {
    display: none;
    min-width: 140px;
    background: #aaa;
    color: #fff;
    border-color: #ddd;
}

body.bnp-comparison-in .bnp-fund-entry .bnp-fund-chek {
    display: block;
}

body.bnp-comparison-in #bnp-comparison-btn {
    background: #fff;
    border-color: #fff;
}

body.bnp-comparison-in #bnp-comparison-cancel {
    display: inline-block;
}

body.bnp-comparison-max .bnp-fund-entry .bnp-fund-chek {
    display: none;
}

body.bnp-comparison-max .bnp-fund-entry.active .bnp-fund-chek {
    display: block;
}

/*---------------------------------
 *  Hight Chart 
 *---------------------------------*/
.bnp-chart {
    position: relative;
}

.bnp-chart .bnp-chart-legende {
    position: absolute;
    bottom: 60px;
    color: #666666;
    cursor: default;
    font-size: 11px;
    fill: #666666;
    font-weight: bold;
}

.highcharts-exporting-group,
.highcharts-legend,
.highcharts-credits {
    display: none;
}

/*--------------------------------- 
 *  Info element 
 *---------------------------------*/
.info {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.info:before {
    margin: 0 5px;
    content: '\e916';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 1.25rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.info span {
    display: none;
    min-height: 74px;
    position: absolute;
    top: -32px;
    left: 30px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.info span:before {
    content: '';
    display: block;
    position: absolute;
    top: 38px;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.info span div {
    margin-bottom: 6px;
}

.info:hover span {
    display: block;
}

.info.left span {
    left: initial;
    right: 22px;
}

.info.left span:before {
    left: initial;
    right: -4px;
}

/*---------------------------------
 *  Fund element 
 *---------------------------------*/
/* Part */
.bnp-fund-part {
    display: inline-block;
    width: 49%;
    margin-bottom: 22px;
    text-align: center;
    font-family: 'bnplight';
}

.bnp-fund-part span {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    padding-right: 11px;
    color: #454545;
    font-weight: lighter;
    font-family: 'bnplight';
}

.bnp-fund-part span.up {
    color: #199d69;
    font-weight: normal;
    font-family: 'bnp';
}

.bnp-fund-part span.up:before {
    content: '%';
    font-size: 0.875rem;
    position: absolute;
    top: 2px;
    right: 0;
}

.bnp-fund-part span.up:after {
    content: '+';
    font-size: 0.875rem;
    position: absolute;
    top: 11px;
    left: -17px;
    font-size: 1.75rem;
    line-height: 0;
    font-family: 'bnplight';
}

.bnp-fund-part span.down {
    color: #b71515;
    font-weight: normal;
    font-family: 'bnp';
}

.bnp-fund-part span.down:before {
    content: '%';
    font-size: 0.875rem;
    position: absolute;
    top: 2px;
    right: 0;
}

.bnp-fund-part span.down:after {
    content: '-';
    font-size: 0.875rem;
    position: absolute;
    top: 11px;
    left: -17px;
    font-size: 1.75rem;
    line-height: 0;
    font-family: 'bnplight';
}

.bnp-fund-part.active span:before {
    content: '%';
    font-size: 0.875rem;
    position: absolute;
    top: 2px;
    right: 0;
}

/* currency */
.bnp-fund-currency {
    display: inline-block;
    width: 49%;
    margin-bottom: 22px;
    text-align: center;
    font-family: 'bnplight';
}

.bnp-fund-currency span {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    padding-right: 11px;
    color: #454545;
}

.bnp-fund-currency span:before {
    content: '€';
    font-size: 0.875rem;
    position: absolute;
    top: 2px;
    right: 0;
}

/* Risk */
.bnp-fund-risk {
    display: inline-block;
    width: 49%;
}

.bnp-fund-risk div {
    display: inline-block;
    float: left;
    position: relative;
    width: 52px;
    height: 25px;
    background: url('../../images/risk-bg.png') no-repeat center center;
    background-size: 44px 22px;
}

.bnp-fund-risk div span {
    position: absolute;
    top: 22px;
    left: 0;
    display: inline-block;
    height: 1px;
    width: 25px;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: right center;
    -moz-transition-duration: 6s;
    -webkit-transition-duration: 6s;
    -o-transition-duration: 6s;
    transition-duration: 6s;
}

.bnp-fund-risk div span:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\e913';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3.125rem;
    transform: rotate(0deg);
    transform-origin: center;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    line-height: 0;
}

.bnp-fund-risk > span {
    display: inline-block;
    float: left;
    position: relative;
    font-family: 'bnplight';
    font-size: 1.5rem;
    padding: 0 15px 0 4px;
    color: #454545;
}

.bnp-fund-risk > span:before {
    content: '/7';
    font-size: 0.875rem;
    position: absolute;
    top: 0px;
    right: 0;
}

.bnp-fund-risk > span:after {
    content: '';
    clear: both;
    display: inline-block;
}

/* Sum */
.bnp-fund-sum {
    position: relative;
    color: #454545;
    font-family: 'bnplight';
    font-size: 0.75rem;
    padding-left: 30px;
}

.bnp-fund-sum:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: '\e92b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffa902;
    font-size: 1.125rem;
}

.bnp-fund-sum span {
    display: inline-block;
    position: relative;
    font-size: 1.1875rem;
    padding-right: 8px;
    /* &:before{content:'€';.font-size(12);position:absolute;top:0px;right:0;}*/
}

/* duration */
.bnp-fund-duration {
    position: relative;
    color: #454545;
    font-family: 'bnplight';
    font-size: 0.75rem;
}

.bnp-fund-duration:before {
    content: '\e925';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    margin-bottom: 8px;
    font-size: 1.25rem;
    color: #a7a7a7;
    text-align: center;
}

.bnp-fund-duration span {
    display: block;
    font-size: 1.5rem;
    padding-right: 11px;
    color: #454545;
    text-align: center;
}

/* volatility */
.bnp-fund-volatility {
    position: relative;
    color: #454545;
    font-family: 'bnplight';
    font-size: 0.75rem;
}

.bnp-fund-volatility:before {
    content: '\e932';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    margin-bottom: 8px;
    font-size: 1.5rem;
    color: #a7a7a7;
    text-align: center;
}

.bnp-fund-volatility span {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    padding-right: 11px;
    color: #454545;
    text-align: center;
}

.bnp-fund-volatility span:before {
    content: '%';
    font-size: 0.875rem;
    position: absolute;
    top: 2px;
    right: 0;
}

/*---------------------------------
*  rate role   
*---------------------------------*/
.bnp-fonds-legend-rate {
    text-align: center;
    font-size: 1.25rem;
}

.bnp-fonds-legend-rate .bnp-rate {
    display: block;
    margin: 0 auto 8px auto;
}

.bnp-fonds-legend-rate > span {
    display: inline-block;
    position: relative;
    font-family: 'bnplight';
    font-size: 1.5rem;
    padding: 0 15px 0 4px;
    color: #454545;
}

.bnp-fonds-legend-rate > span:before {
    content: '/7';
    font-size: 0.875rem;
    position: absolute;
    top: 0px;
    right: 0;
}

.bnp-fonds-legend-rate > span:after {
    content: '';
    clear: both;
    display: inline-block;
}

.bnp-rate {
    position: relative;
    width: 44px;
    height: 22px;
    overflow: hidden;
}

.bnp-rate div {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    height: 21px;
    width: 42px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    box-sizing: border-box;
    border-bottom: none !important;
}

.bnp-rate div:nth-child(1) {
    z-index: 1;
    border: 10px solid #c6c6c7;
}

.bnp-rate div:nth-child(2) {
    z-index: 10;
    border: 10px solid #606060;
    transform: rotateZ(-180deg);
    transform-origin: center bottom 0;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

/*---------------------------------
 *  BNP value box
 *---------------------------------*/
.bnp-gap h3 {
    width: 200px;
    float: left;
}

.bnp-gap h4 {
    font-family: 'bnp';
    font-size: 1rem;
    color: #a0a0a0;
}

.bnp-gap .bnp-gap-selector {
    width: 324px;
    float: right;
}

.bnp-gap .bnp-gap-selector > div {
    display: inline-block;
    width: 148px;
    height: 46px;
    float: left;
    position: relative;
    margin-right: 14px;
    padding: 8px 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3f3f3;
    box-sizing: border-box;
}

.bnp-gap .bnp-gap-selector > div span {
    display: inline-block;
    margin-top: 9px;
    font-family: 'bnp';
    font-size: 1rem;
    color: #232222;
}

.bnp-gap .bnp-gap-selector > div input {
    position: absolute;
    top: 9px;
    right: 20px;
    z-index: 2;
    display: inline-block;
    width: 88px;
    padding: 0;
    margin: 0;
    font-family: 'bnplight';
    font-size: 0.8125rem;
    height: 28px;
    border: 0 none;
    background: transparent;
    cursor: pointer;
}

.bnp-gap .bnp-gap-selector > div:before {
    content: '\e900';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 10px;
    height: 12px;
    font-size: 1rem;
    position: absolute;
    right: 18px;
    top: 16px;
    z-index: 1;
    color: #199d99;
}

.bnp-gap ul.bnp-select-init {
    width: 120px;
    height: 44px;
    float: right;
}

.bnp-gap ul.bnp-select-init li {
    width: 120px;
    height: 44px;
    font-size: 0.8125rem;
    padding: 16px 10px 0 15px;
    margin-bottom: 0;
}

.bnp-gap ul.bnp-select-init li:before {
    display: none;
}

.bnp-gap ul.bnp-select-init li.init:before {
    display: block;
    top: 11px;
    right: 5px;
    font-size: 1.625rem;
}

.bnp-gap .bnp-download {
    float: right;
}

.bnp-case-content .bnp-gap-selector {
    float: left;
    width: calc(100% - 178px);
}

.bnp-case-content .bnp-gap-selector > div {
    float: right;
}

/*---------------------------------
 *  BNP Global Vision 
 *---------------------------------*/
#bnp-globalvision {
    padding-bottom: 60px;
    background-color: #f3f3f3;
}

#bnp-globalvision .bnp-section {
    position: relative;
}

#bnp-globalvision #bnp-globalvision-header {
    margin-bottom: 28px;
}

#bnp-globalvision #bnp-globalvision-header h2 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'bnpbold';
    font-size: 1.75rem;
    color: #454545;
}

#bnp-globalvision #bnp-globalvision-header .bnp-globalvision-push {
    margin-top: -30px;
    text-align: right;
    border-bottom: 2px solid #199d69;
}

#bnp-globalvision #bnp-globalvision-header .bnp-globalvision-push a {
    display: inline-block;
    font-family: 'bnp' !important;
    font-weight: lighter;
    padding: 18px 20px;
    color: #fff !important;
    cursor: pointer;
    background: #199d69;
    font-size: 0.9375rem;
    box-sizing: border-box;
}

/*---------------------------------
 *  BNP staf
 *---------------------------------*/
.bnp-staf .bnp-staf-header {
    margin-bottom: 28px;
}

.bnp-staf .bnp-staf-header h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'bnpbold';
    font-size: 1.75rem;
    color: #454545;
}

.bnp-staf .bnp-staf-header .bnp-globalvision-push {
    margin-top: -30px;
    text-align: right;
    border-bottom: 2px solid #199d69;
}

.bnp-staf .bnp-staf-header .bnp-globalvision-push a {
    display: inline-block;
    font-family: 'bnp' !important;
    font-weight: lighter;
    padding: 18px 20px;
    color: #fff !important;
    cursor: pointer;
    background: #199d69;
    font-size: 0.9375rem;
    box-sizing: border-box;
}

/*---------------------------------
 * General Modal  
 *---------------------------------*/
.bnp-modal {
    position: fixed;
    z-index: 100000000;
}

#bnp-video-modal {
    height: 100%;
    overflow: auto;
}

#bnp-video-modal::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

#bnp-video-modal::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

#bnp-video-modal.bnp-modal {
    top: 40px;
    padding: 0;
    background: transparent;
    width: 750px;
    left: calc(50% - 375px);
    /* BTN close */
}

#bnp-video-modal.bnp-modal .bnp-modal-content .close:before {
    top: 400px;
    right: -100px;
    color: #fff;
    background: #b0b0b0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 20px;
}

#bnp-video-modal.bnp-modal .bnp-modal-content p {
    color: #fff;
    font-family: 'bnp';
    margin: 20px 0;
}

#bnp-video-modal .bnp-proposal-video {
    text-align: center;
}

#bnp-video-modal .bnp-proposal-video .bnp-proposal-entry {
    display: inline-block;
    width: calc((100% / 3) - 10px);
}

#bnp-video-modal .bnp-proposal-video .bnp-proposal-entry p {
    margin: 5px 0;
}

/*--------------------------------- 
* BNP Anchor  
*---------------------------------*/
.bnp-anchor {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

.bnp-anchor a {
    display: inline-block;
    position: relative;
    z-index: 1000;
    font-size: 0.875rem;
    color: #fff;
    background: #ff8700;
    padding: 12px 39px 12px 12px;
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.bnp-anchor a:before {
    animation: arrowAnimation 0.5s alternate-reverse infinite;
    position: absolute;
    top: 8px;
    right: 7px;
    padding: 5px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.8125rem;
    box-sizing: border-box;
}

.bnp-anchor a.scrolled {
    display: none;
}

@keyframes arrowAnimation {
    0% {
        top: 4px;
    }
    100% {
        top: 10px;
    }
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*---------------------------------
* BNP Addintional style
*---------------------------------*/
.bnp-full-width {
    width: 100% !important;
    box-sizing: border-box;
}

.bnp-send-link a {
    padding: 10px 0 6px 45px;
    display: inline-block;
    color: #3fb387;
}

/*---------------------------------
 *  Pages Banner
 *---------------------------------*/
#bnp-banner {
    padding: 34px;
    text-align: center;
}

#bnp-banner h1 {
    text-align: center;
    color: #151515;
    font-size: 1.75rem;
}

#bnp-banner h1 span {
    color: #199d69;
}

#bnp-banner p {
    padding: 0 12px;
    text-align: center;
    font-family: 'bnplight';
    color: #151515;
    font-size: 1.25rem;
}

/* Top Banner */
#bnp-topbanner {
    position: relative;
    height: 126px;
    text-align: center;
    margin-bottom: 26px;
    max-width: 100%;
}

#bnp-topbanner .bnp-section {
    position: relative;
    height: 126px;
    overflow: hidden;
    margin-top: -130px;
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
    background: #555f63;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs ul li {
    background: transparent;
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs ul li:before {
    color: #fff;
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs ul li a {
    color: #fff;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #555f63;
    padding: 6px 14px;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
}

#bnp-topbanner .bnp-section #bnp-topbanner-title h2 {
    color: #fff;
    font-size: 1.625rem;
    margin-bottom: 6px;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title h2.type1:before {
    margin-right: 10px;
    content: '\e938';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title h2.type2:before {
    margin-right: 10px;
    content: '\e93a';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title h2.type3:before {
    margin-right: 10px;
    content: '\e93c';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title p {
    color: #fff;
    font-size: 0.875rem;
    margin: 0;
}

#bnp-topbanner .bnp-section #bnp-topbanner-title p span {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    padding: 3px 7px 0 7px;
    background: #099159;
}

#bnp-topbanner .bnp-section .bnp-button {
    display: inline-block;
    position: relative;
    float: right;
    padding: 10px 8px 10px 30px;
    background: #099159;
    color: #fff;
    margin: 65px 0 0 15px;
}

#bnp-topbanner .bnp-section .bnp-button:before {
    position: absolute;
    top: 4px;
    left: 2px;
    padding: 5px;
    content: '\e911';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-topbanner .bnp-section .bnp-button:hover:before {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

#bnp-topbanner .bnp-section .bnp-button-search {
    display: inline-block;
    position: relative;
    float: right;
    padding: 10px 8px 10px 30px;
    background: #099159;
    color: #fff;
    margin: 65px 0 0 15px;
}

#bnp-topbanner .bnp-section .bnp-button-search:before {
    position: absolute;
    top: 4px;
    left: 2px;
    padding: 5px;
    content: '\e915';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*--------------------------------- 
 *  Information msg     
 *---------------------------------*/
#bnp-msg-block {
    width: 458px;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: -458px;
    z-index: 1001;
    padding: 144px 60px 74px 60px;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    box-sizing: border-box;
    background: #cccccc;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-msg-block #bnp-msg-content {
    position: relative;
}

#bnp-msg-block #bnp-msg-content h2 {
    margin-bottom: 32px;
    font-size: 0.875rem;
    background: #b71234;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    padding: 4px 10px;
}

#bnp-msg-block #bnp-msg-content p {
    margin-bottom: 24px;
}

#bnp-msg-block #bnp-msg-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    right: -120px;
    top: 240px;
    color: #fff;
    background: #b71234;
    cursor: pointer;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

#bnp-msg-block #bnp-msg-btn:before {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 20px;
    content: '\e907';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.25rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-msg-block:hover {
    left: -450px;
}

#bnp-msg-block.active {
    left: 0px;
}

#bnp-msg-block.active #bnp-msg-btn:before {
    content: '\e905';
}

/*---------------------------------
*  rate role   
*---------------------------------*/
/* Subscription */
.bnp-table-subscription {
    background: #fff;
    padding: 20px;
    margin-bottom: 38px;
}

.bnp-table-subscription table {
    border: 0 none;
}

.bnp-table-subscription table tbody tr td {
    border: 0 none;
    border-left: 1px solid #ddd;
    text-align: center;
}

.bnp-table-subscription table tbody tr:nth-child(1) td {
    color: #b0b0b0;
}

.bnp-table-subscription table tbody tr:nth-child(1) td:first-child {
    border: 0 none;
}

.bnp-table-subscription table tbody tr:nth-child(2) td {
    color: #b0b0b0;
}

.bnp-table-subscription table tbody tr:nth-child(2) td:first-child {
    border: 0 none;
}

.bnp-table-subscription table tbody tr:nth-child(3) td {
    border: 0 none;
    border-top: 1px solid #ddd;
    font-family: 'bnpbold';
}

.bnp-table-subscription table tbody tr:nth-child(3) td:first-child {
    font-family: 'bnplight';
}

.bnp-table-subscription table tbody tr:nth-child(3) td:nth-child(7) {
    color: #099159;
}

.bnp-table-subscription table tbody tr:nth-child(4) td {
    border: 0 none;
    border-top: 1px solid #ddd;
    font-family: 'bnpbold';
}

.bnp-table-subscription table tbody tr:nth-child(4) td:first-child {
    font-family: 'bnplight';
}

.bnp-table-subscription table tbody tr:nth-child(4) td:nth-child(7) {
    color: #099159;
}

/* Formule */
.bnp-table-formulas {
    background: #fff;
    padding: 20px;
    margin-bottom: 38px;
}

.bnp-table-formulas .bnp-formulas-header {
    color: #b0b0b0;
    font-size: 0.875rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
}

.bnp-table-formulas .bnp-formulas-entry {
    border-bottom: 1px solid #ddd;
    /* seter */
    /* cell  */
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter {
    color: #151515;
    padding: 16px 0;
    cursor: pointer;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .cheker {
    position: relative;
    display: block;
    width: 20px;
    margin: 0 auto;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .cheker:before {
    width: 25px;
    height: 25px;
    padding-top: 6px;
    text-align: center;
    margin: 0 5px;
    content: '\e90d';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background: #199d69;
    font-size: 0.75rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .arrow {
    position: relative;
    display: block;
    width: 20px;
    margin: 6px auto 0 auto;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .arrow:before {
    text-align: center;
    margin: 0 5px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-table-formulas .bnp-formulas-entry.active .bnp-formulas-seter {
    color: #fff;
    background: #3fb387;
    margin-bottom: 10px;
}

.bnp-table-formulas .bnp-formulas-entry.active .bnp-formulas-seter .cheker:before {
    color: #199d69;
    background: #fff;
}

.bnp-table-formulas .bnp-formulas-entry.active .bnp-formulas-seter .arrow:before {
    color: #fff;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.bnp-table-formulas .bnp-formulas-entry.active .bnp-formulas-seter .bnp-grid .bnp-grid-cell:first-child {
    padding-left: 16px;
    box-sizing: border-box;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell {
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 12px;
    margin-bottom: 10px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell h2 {
    font-size: 1rem;
    color: #3fb387;
    margin-bottom: 2px;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell h3 {
    font-family: 'bnplight';
    font-size: 1rem;
    color: #151515;
    margin: 0;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info:before {
    margin: 0 5px;
    content: '\e916';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 1.25rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info span {
    display: none;
    position: absolute;
    top: -32px;
    left: 34px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info span:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info:hover span {
    display: block;
}

.bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell:hover {
    background: #ececec;
}

.bnp-table-formulas .bnp-formulas-conteneur {
    display: none;
}

/*---------------------------------
*  collect   
*---------------------------------*/
.bnp-collect {
    min-height: 140px;
    padding: 28px 32px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
}

.bnp-collect .bnp-collect-btn {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #e0e0e0;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    margin: 0 12px;
}

.bnp-collect .bnp-collect-btn:before {
    position: absolute;
    top: 0px;
    right: 22px;
    padding: 20px;
    content: '\e909';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b7b7b7;
    font-size: 1.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-collect .bnp-collect-btn span {
    display: inline-block;
}

.bnp-collect .bnp-collect-btn span:nth-child(1) {
    position: absolute;
    left: 0;
    top: 58px;
    text-align: center;
    width: 120px;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'bnplight';
}

.bnp-collect .bnp-collect-btn span:nth-child(2) {
    position: relative;
    bottom: -10px;
    margin: 88px auto 0 auto;
    background: #339933;
    color: #fff;
    font-family: 'bnpbold';
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-size: 1.25rem;
    padding: 6px 14px;
}

.bnp-collect .bnp-collect-btn.type1:before {
    content: '\e909';
}

.bnp-collect .bnp-collect-btn.type2:before {
    top: -10px;
    right: 10px;
    content: '\e90a';
    font-size: 3.5rem;
}

.bnp-collect .bnp-collect-btn.type2 span:nth-child(2) {
    background: #005740;
}

.bnp-collect .bnp-collect-btn.type3:before {
    top: 2px;
    right: 20px;
    content: '\e908';
    font-size: 2.25rem;
}

.bnp-collect .bnp-collect-btn.type3 span:nth-child(2) {
    background: #ff6600;
}

/**/
.bnp-collect-pie {
    min-height: 138px;
    border-top: 1px solid #e0e0e0;
    padding-top: 14px;
}

.bnp-collect-pie > div {
    width: 200px;
    float: left;
    margin-left: 64px;
}

.bnp-collect-pie p {
    padding-top: 10px;
    box-sizing: border-box;
    font-family: 'bnplight';
    color: #151515;
}

.bnp-collect-pie span {
    display: inline-block;
    background: #499361;
    color: #fff;
    font-family: 'bnpbold';
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-size: 1.25rem;
    padding: 6px 14px;
}

/**/
.bnp-bordtable-pie div[id^="bnp-bordtable-pie"] {
    width: 120px;
    float: left;
}

.bnp-bordtable-pie p {
    float: left;
    width: calc((100% - 140px));
    color: #b0b0b0;
    font-size: 0.875rem;
    margin: 16px 0 5px 0;
}

.bnp-bordtable-pie > span {
    display: block;
    float: left;
    width: calc((100% - 140px));
    color: #151515;
    font-size: 1.5625rem;
    font-weight: bold;
}

.bnp-bordtable-legende {
    padding-top: 16px;
}

/*--------------------------------- 
 *  bread crumbs   
 *---------------------------------*/
#bnp-breadcrumbs {
    margin-bottom: 50px;
}

#bnp-breadcrumbs ul {
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

#bnp-breadcrumbs ul li {
    display: inline-block;
    font-size: 0.875rem;
    padding: 6px 12px 6px 0;
    background: #ffffff;
    float: left;
    min-height: 16px;
}

#bnp-breadcrumbs ul li:first-child {
    padding-left: 12px;
}

#bnp-breadcrumbs ul li:first-child:before {
    display: none;
}

#bnp-breadcrumbs ul li:before {
    margin: 0 5px 0 0;
    content: '\e902';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #151515;
    font-size: 0.8125rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-breadcrumbs ul li a {
    color: #151515;
    text-decoration: none;
}

#bnp-breadcrumbs ul li span {
    color: #5dc66a;
    text-decoration: underline;
}

#bnp-breadcrumbs:after {
    display: table;
    content: '';
    clear: both;
}

/*--------------------------------- 
 *  Recital section     
 *---------------------------------*/
.bnp-recital {
    margin-bottom: 20px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-recital table {
    border: 0 none;
}

.bnp-recital table tr td {
    border: 0 none;
    border-right: 1px solid #d4d4d4;
}

.bnp-recital table tr td:first-child {
    font-size: 1.125rem;
}

.bnp-recital table tr td:first-child span {
    font-weight: 900;
}

.bnp-recital table tr td span {
    display: block;
}

.bnp-recital table tr td span:first-child {
    margin-bottom: 8px;
    color: #b0b0b0;
    font-family: 'bnplight';
}

.bnp-recital table tr td .bnp-button {
    max-width: calc((50% - 48px));
    margin-right: 16px;
    padding: 16px 14px;
    color: #fff;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-recital table tr td:last-child {
    text-align: right;
}

.bnp-recital table tr td:nth-child(5) {
    border: 0 none;
}

/*--------------------------------- 
 *  Form Section    
 *---------------------------------*/
.bnp-form-section {
    padding: 30px 0;
    background: #fff;
    margin-bottom: 28px;
    /* fieldset */
}

.bnp-form-section .bnp-section > p {
    padding: 40px 0;
    text-align: center;
    width: 770px;
    margin: 0 auto;
    font-family: 'bnplight';
    font-size: 1.25rem;
}

.bnp-form-section fieldset {
    padding: 0 20px;
    text-align: left;
    margin: 0;
}

.bnp-form-section fieldset legend {
    text-align: left;
    margin: 0 0 10px 0;
    /**/
}

.bnp-form-section fieldset legend span {
    display: inline-block;
    float: left;
}

.bnp-form-section fieldset legend .bnp-select {
    display: none;
    float: left;
    width: 160px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 0 20px 20px 20px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-section fieldset legend .bnp-select:before {
    position: absolute;
    top: 15px;
    right: 12px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-section fieldset legend .bnp-select select {
    width: calc((100% + 20px));
    border: 0 none;
    margin: 0;
    padding: 10px;
    color: #a7a7a7;
    background: #fff;
    font-size: 0.75rem;
}

.bnp-form-section fieldset legend.active .bnp-select {
    display: inline-block;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    margin-top: -10px;
}

.bnp-form-section fieldset .bnp-form-entry {
    padding-right: 30px;
    position: relative;
}

.bnp-form-section fieldset .bnp-form-entry .info {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 40px;
    right: 2px;
}

.bnp-form-section fieldset .bnp-form-entry .info:before {
    margin: 0 5px;
    content: '\e916';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 0.8125rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-section fieldset .bnp-form-entry .info .tooltip-info {
    display: none;
    position: absolute;
    z-index: 30;
    top: -36px;
    left: 26px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-form-section fieldset .bnp-form-entry .info .tooltip-info:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-form-section fieldset .bnp-form-entry .info:hover .tooltip-info {
    display: block;
}

.bnp-form-entry {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px auto;
    position: relative;
    box-sizing: border-box;
    /* wrong set */
}

.bnp-form-entry label {
    font-size: 0.875rem;
    color: #333333;
    font-family: 'bnplight';
    margin-bottom: 10px;
}

.bnp-form-entry label .info {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.bnp-form-entry label .info:before {
    margin: 0 5px -2px 0;
    content: '\e916';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A7A7A7;
    font-size: 0.8125rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-entry label .info .tooltip-info {
    display: none;
    position: absolute;
    top: -36px;
    left: 26px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-form-entry label .info .tooltip-info:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-form-entry label .info:hover .tooltip-info {
    display: block;
}

.bnp-form-entry .info {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.bnp-form-entry .info:before {
    margin: 0 5px -2px 0;
    content: '\e916';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A7A7A7;
    font-size: 0.8125rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-entry .info .tooltip-info {
    display: none;
    position: absolute;
    top: -36px;
    left: 26px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-form-entry .info .tooltip-info:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-form-entry .info:hover .tooltip-info {
    display: block;
}

.bnp-form-entry input {
    width: 100%;
    font-size: 0.9375rem;
    color: #151515;
    background: #fff;
    padding: 12px 16px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.bnp-form-entry input.bnp-phone {
    display: inline-block;
    width: 253px;
    float: left;
    margin-right: 10px;
}

.bnp-form-entry input.bnp-phone-code {
    display: inline-block;
    width: 116px;
    float: left;
}

.bnp-form-entry .bnp-form-msg,
.bnp-form-entry .bnp-form-tooltip {
    display: none;
}

.bnp-form-entry p {
    font-size: 0.875rem;
    font-family: "bnplight";
    color: #333333;
    margin-bottom: 10px;
}

.bnp-form-entry a {
    font-size: 0.875rem;
    color: #5dc66a;
    margin-bottom: 10px;
    text-decoration: underline;
    display: inline-block;
}

.bnp-form-entry.bnp-from-wrong {
    color: #9d265c;
}

.bnp-form-entry.bnp-from-wrong input {
    color: #9d265c;
    border-color: #9d265c;
}

.bnp-form-entry.bnp-from-wrong .bnp-form-msg {
    display: block;
    color: #9d265c;
    font-size: 0.875rem;
    margin-top: -4px;
}

.bnp-form-entry.bnp-from-wrong .bnp-form-tooltip {
    display: block;
    position: absolute;
    top: -14px;
    right: -290px;
    line-height: 20px;
    color: #151515;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #e0e0e0;
}

.bnp-form-entry.bnp-from-wrong .bnp-form-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #e0e0e0;
}

.bnp-form-entry.bnp-from-code input.code {
    width: 98px;
}

.bnp-form-entry.bnp-from-code .bnp-form-tooltip {
    display: block;
    position: absolute;
    top: 40px;
    right: -290px;
    line-height: 20px;
    color: #151515;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #e0e0e0;
}

.bnp-form-entry.bnp-from-code .bnp-form-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #e0e0e0;
}

.bnp-form-entry.bnp-form-info .bnp-form-tooltip {
    display: block;
    position: absolute;
    top: 12px;
    right: -290px;
    line-height: 20px;
    color: #151515;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #e0e0e0;
}

.bnp-form-entry.bnp-form-info .bnp-form-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #e0e0e0;
}

.bnp-form-entry .bnp-select {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}

.bnp-form-entry .bnp-select:before {
    position: absolute;
    top: 18px;
    right: 12px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-entry .bnp-select select {
    width: calc((100% + 40px));
    border: 0 none;
    margin: 0;
    padding: 12px;
    color: #a7a7a7;
    background: #fff;
    font-size: 0.875rem;
}

.bnp-form-entry .bnp-select select option {
    padding-right: 30px;
    box-sizing: border-box;
}

.bnp-form-entry .bnp-form-search {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.bnp-form-entry .bnp-form-search:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-entry.bnp-date {
    position: relative;
}

.bnp-form-entry.bnp-date:before {
    position: absolute;
    bottom: 24px;
    right: 12px;
    content: '\e925';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 1.25rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-form-entry .bnp-button {
    color: #fff;
    text-decoration: none;
    margin-top: 50px;
}

.bnp-form-entry .bnp-button.bnp-code {
    float: left;
    margin-top: 2px;
}

.bnp-form-entry .bnp-radio-cheker {
    margin: 0 0 -6px 0;
}

.bnp-form-entry .reveal {
    display: none;
}

.bnp-form-entry.active input:not(.reveal) {
    display: none;
}

.bnp-form-entry.active .reveal {
    display: block;
}

.bnp-form-entry .eye-check {
    position: absolute;
    top: 34px;
    right: 10px;
}

.bnp-form-entry .bnp-password-verification li.active {
    font-weight: bold;
}

.bnp-section-btn {
    width: 380px;
    margin: 0 auto 30px auto;
    text-align: right;
}

.bnp-section-btn.bnp-admin {
    width: auto;
    margin: 0 0 30px 0;
    text-align: right;
}

.bnp-form-footer {
    text-align: center;
}

.bnp-form-footer p {
    font-family: 'bnplight';
    font-size: 0.875rem;
    color: #151515;
}

.bnp-form-footer a {
    color: #5dc66a;
    text-decoration: underline;
    display: inline-block;
}

.bnp-form-error {
    text-align: right;
}

.bnp-form-error p {
    color: #9d265c;
    font-size: 0.875rem;
}

.bnp-form-link {
    text-align: right;
    margin-top: 20px;
}

.bnp-form-link a {
    color: #199D69;
    text-decoration: underline;
    display: inline-block;
}

/*--------------------------------- 
 *  Article Layouts    
 *---------------------------------*/
#bnp-article {
    margin-bottom: 70px;
}

#bnp-article .bnp-acticle-tag {
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 12px;
    font-size: 0.875rem;
    color: #fff;
    background: #ff6600;
    margin-bottom: 42px;
}

#bnp-article .bnp-acticle-subscription {
    display: inline-block;
    position: relative;
    font-size: 0.875rem;
    color: #fff;
    float: right;
    padding: 6px 12px 6px 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #199d69;
    border: 0 none;
    margin-bottom: 42px;
}

#bnp-article .bnp-acticle-subscription:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '\e914';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-article .bnp-section {
    padding: 70px 56px 50px 56px;
    background-color: #fff;
    box-sizing: border-box;
}

#bnp-article h2 {
    margin-bottom: 30px;
    font-family: 'bnpbold';
    font-size: 1.75rem;
    color: #454545;
}

#bnp-article h3 {
    margin-bottom: 22px;
    font-family: 'bnp';
    color: #454545;
    font-size: 1.125rem;
}

#bnp-article h4 {
    margin-bottom: 22px;
    font-family: 'bnp';
    color: #a0a0a0;
    font-size: 1rem;
}

#bnp-article p {
    margin-bottom: 20px;
    line-height: 23px;
    font-family: 'bnplight';
    color: #454545;
    font-size: 0.875rem;
}

#bnp-article a {
    font-family: 'bnpbold';
    font-size: 0.875rem;
    color: #5dc66a;
    border-bottom: 2px solid #5dc66a;
}

#bnp-article a:hover {
    color: #5dc66a;
}

#bnp-article ul {
    padding-left: 54px;
    margin-bottom: 20px;
}

#bnp-article ul li {
    margin-bottom: 6px;
    font-family: 'bnplight';
    font-size: 0.875rem;
    color: #454545;
    line-height: 1.2rem;
}

#bnp-article ul li:before {
    content: '•';
    display: inline-block;
    margin-right: 4px;
}

#bnp-article table {
    width: auto;
}

#bnp-article hr {
    margin: 35px 0;
}

#bnp-article .bnp-article-heading {
    margin-bottom: 30px;
    font-family: 'bnplight';
    font-size: 1.0625rem;
    color: #0f0c0c;
    line-height: 1.4rem;
}

#bnp-article .bnp-article-heading .date {
    display: block;
    margin-bottom: 18px;
    font-family: 'bnp';
    font-size: 0.875rem;
    color: #a7a7a7;
}

#bnp-article .bnp-article-heading h2 {
    margin-bottom: 40px;
}

#bnp-article .bnp-article-heading p {
    font-family: 'bnplight';
    font-size: 1.125rem;
    color: #151515;
    line-height: 1.4rem;
}

#bnp-article .bnp-article-frame {
    text-align: center;
    overflow: hidden;
    margin-bottom: 32px;
}

#bnp-article .bnp-article-frame img {
    width: 100%;
}

#bnp-article .bnp-button {
    display: block;
    width: 250px;
    margin: 0 auto;
}

.bnp-article-heading {
    margin-bottom: 30px;
    font-family: 'bnplight';
    font-size: 1.0625rem;
    line-height: 1.4rem;
}

/*---------------------------------
 *  Report 
 *---------------------------------*/
.bnp-report-header {
    margin-bottom: 30px;
    /* navigation */
    /* btn */
}

.bnp-report-header nav {
    float: left;
}

.bnp-report-header nav ul {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.bnp-report-header nav ul li {
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
}

.bnp-report-header nav ul li a {
    display: inline-block;
    position: relative;
    padding: 19px 14px;
    font-size: 0.9375rem;
    color: #151515;
    background: #fff;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-report-header nav ul li.active a,
.bnp-report-header nav ul li:hover a {
    color: #fff;
    background: #199d69;
}

.bnp-report-header nav ul li.active a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: calc((50% - 5px));
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background: #199d69;
}

.bnp-report-header > a {
    position: relative;
    display: block;
    min-height: 54px;
    float: right;
    font-size: 1rem;
    color: #151515;
    padding: 17px 64px 0 12px;
    background: #fff;
    box-sizing: border-box;
}

.bnp-report-header > a:before {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 20px;
    content: '\e902';
    border-left: 1px solid #a7a7a7;
    height: 54px;
    width: 54px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-report-header > a span {
    display: inline-block;
    padding: 4px 7px 2px 7px;
    background: #ff6600;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bnp-report-content {
    /* Table */
}

.bnp-report-content .bnp-report-chart {
    width: 180px;
    float: left;
    box-sizing: border-box;
}

.bnp-report-content .bnp-report-chart.bnp-pie-chart {
    position: relative;
}

.bnp-report-content .bnp-report-chart.bnp-pie-chart .highcharts-title {
    background: #fff;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.bnp-report-content .bnp-report-section01 {
    width: 448px;
    float: left;
    box-sizing: border-box;
}

.bnp-report-content .bnp-report-section02 {
    width: 312px;
    float: left;
    box-sizing: border-box;
}

.bnp-report-content .bnp-report-section02 .bnp-report-legende {
    width: 100%;
}

.bnp-report-content .bnp-report-btn {
    position: relative;
    display: block;
    min-height: 44px;
    margin-bottom: 28px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1rem;
    color: #fff;
    padding: 12px 38px 12px 12px;
    line-height: 22px;
    box-sizing: border-box;
    background: #199d69;
}

.bnp-report-content .bnp-report-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 100%;
    width: 36px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
    background: #0d7051;
}

.bnp-report-content .bnp-report-btn:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\e902';
    right: 8px;
    top: calc((50% - 8px));
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-report-content .bnp-report-btn span {
    white-space: nowrap;
}

.bnp-report-content .bnp-report-legende {
    display: inline-block;
    width: 210px;
    margin-bottom: 12px;
    font-size: 1rem;
    font-family: 'bnplight';
    color: #151515;
}

.bnp-report-content .bnp-report-legende:before {
    content: '';
    display: none;
    width: 6px;
    height: 13px;
    background: #777;
    margin-right: 10px;
}

.bnp-report-content .bnp-report-legende span {
    display: inline-block;
    width: 6px;
    height: 13px;
    background: #777;
    margin-right: 10px;
}

.bnp-report-content .bnp-report-legende.color1:before,
.bnp-report-content .bnp-report-legende.color1 span {
    background-color: #005740;
}

.bnp-report-content .bnp-report-legende.color2:before,
.bnp-report-content .bnp-report-legende.color2 span {
    background-color: #993366;
}

.bnp-report-content .bnp-report-legende.color4:before,
.bnp-report-content .bnp-report-legende.color4 span {
    background-color: #57b33e;
}

.bnp-report-content .bnp-report-legende.color5:before,
.bnp-report-content .bnp-report-legende.color5 span {
    background-color: #cc6699;
}

.bnp-report-content .bnp-report-legende.color6:before,
.bnp-report-content .bnp-report-legende.color6 span {
    background-color: #663333;
}

.bnp-report-content .bnp-report-legende.color7:before,
.bnp-report-content .bnp-report-legende.color7 span {
    background-color: #999999;
}

.bnp-report-content .bnp-report-legende.color8:before,
.bnp-report-content .bnp-report-legende.color8 span {
    background-color: #ffcc33;
}

.bnp-report-content .bnp-report-legende.color9:before,
.bnp-report-content .bnp-report-legende.color9 span {
    background-color: #cccccc;
}

.bnp-report-content .bnp-report-legende.color10:before,
.bnp-report-content .bnp-report-legende.color10 span {
    background-color: #57b33e;
}

.bnp-report-content .bnp-report-legende.color11:before,
.bnp-report-content .bnp-report-legende.color11 span {
    background-color: #999999;
}

.bnp-report-content .bnp-report-legende.color12:before,
.bnp-report-content .bnp-report-legende.color12 span {
    background-color: #a1da8b;
}

.bnp-report-content .bnp-report-legende.color13:before,
.bnp-report-content .bnp-report-legende.color13 span {
    background-color: #578575;
}

.bnp-report-content .bnp-report-legende.color14:before,
.bnp-report-content .bnp-report-legende.color14 span {
    background-color: #006699;
}

.bnp-report-content .bnp-report-legende.color15:before,
.bnp-report-content .bnp-report-legende.color15 span {
    background-color: #578575;
}

.bnp-report-content .bnp-report-legende.color16:before,
.bnp-report-content .bnp-report-legende.color16 span {
    background-color: #003366;
}

.bnp-report-content .bnp-report-legende.color17:before,
.bnp-report-content .bnp-report-legende.color17 span {
    background-color: #ff6600;
}

.bnp-report-content .bnp-report-legende.color18:before,
.bnp-report-content .bnp-report-legende.color18 span {
    background-color: #f4587a;
}

.bnp-report-content .bnp-report-legende.color19:before,
.bnp-report-content .bnp-report-legende.color19 span {
    background-color: #b71234;
}

.bnp-report-content .bnp-report-legende.color20:before,
.bnp-report-content .bnp-report-legende.color20 span {
    background-color: #97233f;
}

.bnp-report-content .bnp-report-legende.color21:before,
.bnp-report-content .bnp-report-legende.color21 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color22:before,
.bnp-report-content .bnp-report-legende.color22 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color23:before,
.bnp-report-content .bnp-report-legende.color23 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color24:before,
.bnp-report-content .bnp-report-legende.color24 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color25:before,
.bnp-report-content .bnp-report-legende.color25 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color26:before,
.bnp-report-content .bnp-report-legende.color26 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color27:before,
.bnp-report-content .bnp-report-legende.color27 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color28:before,
.bnp-report-content .bnp-report-legende.color28 span {
    background-color: #0094b3;
}

.bnp-report-content .bnp-report-legende.color29:before,
.bnp-report-content .bnp-report-legende.color29 span {
    background-color: #0094b3;
}

.bnp-report-content table {
    border: 0 none;
    /* Addons */
}

.bnp-report-content table thead tr td {
    border: 0 none;
    color: #b0b0b0;
    font-size: 0.875rem;
    padding: 20px 0;
    text-align: right;
}

.bnp-report-content table thead tr td:first-child {
    text-align: left;
}

.bnp-report-content table tbody tr td {
    border: 0 none;
    border-top: 1px solid #d4d4d4;
    padding: 20px 0;
    text-align: right;
    font-weight: bolder;
}

.bnp-report-content table tbody tr td:first-child {
    text-align: left;
    font-weight: normal;
}

.bnp-report-content table .bnp-report-legende {
    width: auto;
    margin-bottom: 0;
}

.bnp-hover-effect {
    cursor: pointer;
}

.bnp-hover-effect:hover {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    box-sizing: border-box;
    background: #fff;
}

/* report  table */
.bnp-report-table {
    padding: 0 32px 32px 32px;
}

.bnp-report-table .bnp-grid-cell {
    box-sizing: border-box;
}

.bnp-report-table .bnp-grid-cell:first-child {
    border-right: 1px solid #ddd;
}

.bnp-report-table .bnp-entry span {
    display: inline-block;
    width: 48%;
    box-sizing: border-box;
    padding: 0 6px;
}

.bnp-report-table .bnp-entry span:first-child {
    text-align: right;
    color: #a7a7a7;
    font-size: 0.875rem;
}

/* abundance consumed */
.bnp-abundance-consumed {
    position: relative;
    margin: -26px 0 10px 0;
}

.bnp-abundance-consumed .content {
    position: absolute;
    top: 22px;
    left: calc((50% - 60px));
    z-index: 100;
    width: 130px;
    height: 126px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    padding-top: 24px;
    box-sizing: border-box;
}

.bnp-abundance-consumed .content > span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

/**/
.bnp-report-legende {
    display: inline-block;
    width: 210px;
    margin-bottom: 12px;
    font-size: 1rem !important;
    font-family: 'bnplight' !important;
    font-weight: normal !important;
    color: #151515;
}

.bnp-report-legende:before {
    content: '';
    display: none;
    width: 6px;
    height: 13px;
    background: #777;
    margin-right: 10px;
}

.bnp-report-legende > span {
    display: inline-block;
    width: 6px;
    height: 13px;
    background: #777;
    margin: 2px 10px 0 0;
}

.bnp-report-legende.color1:before,
.bnp-report-legende.color1 span {
    background-color: #005740;
}

.bnp-report-legende.color2:before,
.bnp-report-legende.color2 span {
    background-color: #993366;
}

.bnp-report-legende.color4:before,
.bnp-report-legende.color4 span {
    background-color: #57b33e;
}

.bnp-report-legende.color5:before,
.bnp-report-legende.color5 span {
    background-color: #cc6699;
}

.bnp-report-legende.color6:before,
.bnp-report-legende.color6 span {
    background-color: #663333;
}

.bnp-report-legende.color7:before,
.bnp-report-legende.color7 span {
    background-color: #999999;
}

.bnp-report-legende.color8:before,
.bnp-report-legende.color8 span {
    background-color: #ffcc33;
}

.bnp-report-legende.color9:before,
.bnp-report-legende.color9 span {
    background-color: #cccccc;
}

.bnp-report-legende.color10:before,
.bnp-report-legende.color10 span {
    background-color: #57b33e;
}

.bnp-report-legende.color11:before,
.bnp-report-legende.color11 span {
    background-color: #999999;
}

.bnp-report-legende.color12:before,
.bnp-report-legende.color12 span {
    background-color: #a1da8b;
}

.bnp-report-legende.color13:before,
.bnp-report-legende.color13 span {
    background-color: #578575;
}

.bnp-report-legende.color14:before,
.bnp-report-legende.color14 span {
    background-color: #006699;
}

.bnp-report-legende.color15:before,
.bnp-report-legende.color15 span {
    background-color: #578575;
}

.bnp-report-legende.color16:before,
.bnp-report-legende.color16 span {
    background-color: #003366;
}

.bnp-report-legende.color17:before,
.bnp-report-legende.color17 span {
    background-color: #ff6600;
}

.bnp-report-legende.color18:before,
.bnp-report-legende.color18 span {
    background-color: #f4587a;
}

.bnp-report-legende.color19:before,
.bnp-report-legende.color19 span {
    background-color: #b71234;
}

.bnp-report-legende.color20:before,
.bnp-report-legende.color20 span {
    background-color: #97233f;
}

.bnp-report-legende.color21:before,
.bnp-report-legende.color21 span {
    background-color: #0094b3;
}

.bnp-report-legende.color22:before,
.bnp-report-legende.color22 span {
    background-color: #0094b3;
}

.bnp-report-legende.color23:before,
.bnp-report-legende.color23 span {
    background-color: #0094b3;
}

.bnp-report-legende.color24:before,
.bnp-report-legende.color24 span {
    background-color: #0094b3;
}

.bnp-report-legende.color25:before,
.bnp-report-legende.color25 span {
    background-color: #0094b3;
}

.bnp-report-legende.color26:before,
.bnp-report-legende.color26 span {
    background-color: #0094b3;
}

.bnp-report-legende.color27:before,
.bnp-report-legende.color27 span {
    background-color: #0094b3;
}

.bnp-report-legende.color28:before,
.bnp-report-legende.color28 span {
    background-color: #0094b3;
}

.bnp-report-legende.color29:before,
.bnp-report-legende.color29 span {
    background-color: #0094b3;
}

.bnp-report-section {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    /* Report */
    /**/
}

.bnp-report-section header {
    margin-bottom: 24px;
}

.bnp-report-section header h2 {
    font-family: 'bnpbold';
    font-size: 1.25rem;
    color: #151515;
    margin: 0 0 8px 0;
    position: relative;
    padding-right: 30px;
    display: inline-block;
}

.bnp-report-section header h2.bnp-linked {
    cursor: pointer;
}

.bnp-report-section header .bnp-legende {
    float: right;
}

.bnp-report-section header .bnp-legende p {
    font-family: 'bnpbold';
    font-size: 1.875rem;
    color: #151515;
}

.bnp-report-section header .bnp-legende a {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    background: #199d69;
    padding: 19px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-report-section header .bnp-legende span {
    display: inline-block;
    font-size: 1rem;
    font-family: 'bnplight';
    margin-left: 12px;
    color: #151515;
}

.bnp-report-section header .bnp-legende span:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 13px;
    background: #777;
    margin-right: 10px;
}

.bnp-report-section header .bnp-legende span.color1:before,
.bnp-report-section header .bnp-legende span.color1 span {
    background-color: #003366;
}

.bnp-report-section header .bnp-legende span.color2:before,
.bnp-report-section header .bnp-legende span.color2 span {
    background-color: #0094b3;
}

.bnp-report-section header > span {
    display: block;
    color: #a7a7a7;
    font-size: 0.8125rem;
    line-height: 15px;
}

.bnp-report-section .bnp-report-button {
    text-align: right;
}

.bnp-report-section .bnp-report-button .bnp-button {
    margin-right: 12px;
    padding: 16px 10px;
    color: #fff;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-report-section.bnp-recast .bnp-report-entry {
    min-height: 244px;
}

.bnp-report-section.bnp-recast .bnp-report-legende {
    width: 100%;
}

.bnp-report-section.bnp-recast div[class*="bnp-report-section"] {
    width: 286px;
}

.bnp-report-entry {
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid #e0e0e0;
    /* spliter */
    /**/
    /**/
}

.bnp-report-entry.type1 {
    padding: 0;
}

.bnp-report-entry.type1 header {
    padding: 28px 32px;
    margin-bottom: 0;
}

.bnp-report-entry.type1 .bnp-placing-entry {
    padding: 28px 28px 46px 28px;
}

.bnp-report-entry .bnp-ratio-spliter {
    cursor: pointer;
    margin: 30px -20px 0 -20px;
    height: 4px;
    text-align: center;
    background: #199d69;
}

.bnp-report-entry .bnp-ratio-spliter span {
    display: inline-block;
    position: relative;
    background: #199d69;
    color: #fff;
    padding: 5px 12px 4px 34px;
    top: -10px;
}

.bnp-report-entry .bnp-ratio-spliter span:before {
    position: absolute;
    top: 0px;
    left: 2px;
    content: '\e910';
    height: 16px;
    width: 20px;
    padding: 4px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.9375rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-report-entry .bnp-ratio-spliter span:nth-child(2) {
    display: none;
}

.bnp-report-entry.active .bnp-ratio-spliter span:nth-child(1) {
    display: none;
}

.bnp-report-entry.active .bnp-ratio-spliter span:nth-child(2) {
    display: inline-block;
}

.bnp-report-entry .bnp-ratio {
    display: none;
}

.bnp-report-entry.active .bnp-ratio-spliter {
    margin-top: 30px;
}

.bnp-report-entry.active .bnp-ratio-spliter span:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/* Report */
.bnp-report-result {
    display: inline-block;
    padding: 26px 32px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 44px;
}

.bnp-report-result h2 {
    display: inline-block;
    font-family: 'bnpbold';
    font-size: 1.5rem;
    color: #151515;
    margin-bottom: 5px;
}

.bnp-report-result p {
    display: inline-block;
    font-family: 'bnplight';
    font-size: 1rem;
    color: #151515;
    padding: 0 30px;
}

.bnp-report-result p strong,
.bnp-report-result p b {
    font-family: 'bnp';
}

.bnp-report-result span {
    display: inline-block;
    padding: 6px 18px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-family: 'bnpbold';
    font-size: 1.25rem;
    color: #fff;
    background: #993366;
}

/**/
.bnp-placing-entry {
    cursor: pointer;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    width: 50%;
    float: left;
    padding: 24px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.bnp-placing-entry p {
    min-height: 80px;
    font-family: 'bnplight';
    font-size: 1rem;
    color: #151515;
}

.bnp-placing-entry .bnp-placing-sum {
    display: block;
    min-height: 72px;
    text-align: center;
    font-family: 'bnpbold';
    font-size: 1.5rem;
    color: #151515;
}

.bnp-placing-entry .bnp-placing-percent {
    display: block;
    min-height: 62px;
    text-align: center;
    font-family: 'bnpbold';
    font-size: 1.125rem;
    color: #199d69;
}

.bnp-placing-entry:hover {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

/* Ratio */
.bnp-ratio {
    margin: 16px -20px 0px -20px;
    padding: 20px 20px 0px 20px;
    border-top: 1px solid #b0b0b0;
    /* Table */
}

.bnp-ratio > table {
    width: auto;
    min-width: 58%;
    border: 0 none;
}

.bnp-ratio > table thead tr td {
    text-align: right;
    border: 0 none;
    padding: 12px;
    color: #b0b0b0;
}

.bnp-ratio > table thead tr td:first-child {
    text-align: left;
}

.bnp-ratio > table tbody tr td {
    text-align: right;
    border: 0 none;
    padding: 12px;
}

.bnp-ratio > table tbody tr td:first-child {
    text-align: left;
    color: #b0b0b0;
}

.bnp-ratio .bnp-ratio-content {
    padding: 20px;
    background: #f5f5f5;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox {
    margin-right: 16px;
    float: right;
    margin-bottom: 24px;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox-label {
    display: block;
    color: #8f8f8f;
    font-size: 0.875rem;
    line-height: 18px;
    margin: 0 0 8px 0;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox {
    position: relative;
    height: 45px;
    width: 180px;
    box-sizing: border-box;
    padding: 16px 16px 12px 16px;
    background: #fff;
    border: 1px solid #A6A6A6;
    font-size: 0.875rem;
    color: #151515;
    cursor: pointer;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox:after {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    content: "\e910";
    color: #151515;
    font-size: 1rem;
    position: absolute;
    top: 14px;
    right: 12px;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #a6a6a6;
    z-index: 10;
    box-sizing: border-box;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox ul li {
    padding: 6px 16px;
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox ul li:hover {
    background: #f0f0f0;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox.active ul {
    display: block;
}

.bnp-ratio .bnp-ratio-content .bnp-history-selectbox .bnp-selectbox.active:after {
    transform: rotate(180deg);
}

/* Table pager */
.bnp-table-pager {
    text-align: right;
    margin-bottom: 20px;
    margin-top: -30px;
}

.bnp-table-pager span {
    display: inline-block;
    color: #199d69;
    padding: 6px 10px 4px 10px;
    margin-left: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #199d69;
    cursor: pointer;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-table-pager span:hover,
.bnp-table-pager span.active {
    background: #199d69;
    color: #fff;
}

/* Ratio Table */
.bnp-ratio-table {
    margin-bottom: 20px;
    background: #fff;
    /* General */
    /* Header */
    /* body */
    /* Footer */
}

.bnp-ratio-table tr td {
    padding: 12px 0;
    text-align: center;
}

.bnp-ratio-table thead {
    background: #199d69;
}

.bnp-ratio-table thead td {
    font-size: 0.875rem;
    color: #fff;
}

.bnp-ratio-table thead td:first-child {
    border: 0 none;
}

.bnp-ratio-table tbody tr td {
    min-width: 90px;
    padding: 8px 2px;
    font-size: 0.75rem;
}

.bnp-ratio-table tbody tr td:first-child {
    font-size: 0.9375rem;
}

.bnp-ratio-table tbody tr:first-child td {
    vertical-align: middle;
    text-align: center;
    font-size: 0.9375rem;
}

.bnp-ratio-table tfoot tr td {
    font-size: 0.875rem;
    color: #fff;
    background: #199d69;
}

.bnp-ratio-table tfoot tr td:first-child {
    font-size: 0.9375rem;
}

/* Ratio Table */
.bnp-ratio-table-statistic {
    margin-bottom: 20px;
    background: #fff;
    /* body */
}

.bnp-ratio-table-statistic tbody tr {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-ratio-table-statistic tbody tr td {
    min-width: 90px;
    padding: 0;
    min-width: 100px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-ratio-table-statistic tbody tr td:first-child {
    padding: 4px 10px;
    background: #199d69;
    text-align: center;
    color: #fff;
}

.bnp-ratio-table-statistic tbody tr:hover {
    background: #f5f5f5;
}

.bnp-ratio-table-statistic tbody tr:hover tr td {
    background: #f5f5f5;
}

.bnp-ratio-table-statistic table {
    border: 0 none;
}

.bnp-ratio-table-statistic table tr td {
    font-size: 0.8125rem;
    padding: 10px 5px;
    border: 0 none;
    padding: 0 none;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    line-height: 18px;
}

.bnp-ratio-table-statistic table tr td:first-child {
    padding: 4px 10px;
    background: #fff;
    color: #303030;
    text-align: left;
}

.bnp-ratio-table-statistic table tr td:nth-child(2) {
    width: 135px;
    text-align: right;
}

.bnp-ratio-table-statistic table tr:first-child td {
    border-top: 0 none;
}

.bnp-ratio-table-legend p {
    font-family: 'bnplight';
    font-size: 0.625rem;
    margin-bottom: 5px;
}

/* bnp-table-liste */
.bnp-table-liste {
    background: #fff;
    padding: 20px;
    margin-bottom: 38px;
}

.bnp-table-liste ul {
    padding: 0;
    margin: 0;
}

.bnp-table-liste ul li {
    font-size: 1rem;
    color: #151515;
}

.bnp-table-liste ul li span {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 5px 12px 5px 12px;
}

.bnp-table-liste ul li span:first-child {
    color: #a0a0a0;
    text-align: right;
}

/**/
/*---------------------------------
 *  accordion seter 
 *---------------------------------*/
.bnp-accordion {
    /* seter */
    /* entry */
}

.bnp-accordion .bnp-accordion-seter {
    padding: 14px 0;
    font-family: 'bnplight';
    font-size: 0.75rem;
    color: #a0a0a0;
    text-align: right;
}

.bnp-accordion .bnp-accordion-seter .bnp-grid .bnp-grid-cell:first-child {
    text-align: left;
}

.bnp-accordion .bnp-accordion-entry {
    border-top: 1px solid #e5e5e5;
    /* general cell */
    /* Header */
    /* core */
    /* Active */
}

.bnp-accordion .bnp-accordion-entry .bnp-grid-cell {
    padding: 12px 0;
    text-align: right;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-header {
    cursor: pointer;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-header .bnp-grid .bnp-grid-cell {
    text-align: right;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child {
    padding-right: 30px;
    position: relative;
    box-sizing: border-box;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child:before {
    position: absolute;
    top: 14px;
    right: 0;
    content: '\e910';
    height: 10px;
    width: 10px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.875rem;
    box-sizing: border-box;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child {
    text-align: left;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-core {
    overflow: hidden;
    height: 0;
    font-family: 'bnp';
    font-size: 0.875rem;
    color: #a0a0a0;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-accordion .bnp-accordion-entry .bnp-accordion-core .bnp-grid .bnp-grid-cell:first-child {
    text-align: left;
}

.bnp-accordion .bnp-accordion-entry.active .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: 16px;
}

.bnp-accordion .bnp-accordion-entry.active .bnp-accordion-core {
    height: auto;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*---------------------------------
 *  block Title  (Exemple My Apps)
 *---------------------------------*/
.bnp-blocktitle {
    position: relative;
    padding: 20px 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
}

.bnp-blocktitle h2 {
    margin: 0;
    font-family: 'bnp';
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
    max-width: calc((100% - 240px));
}

.bnp-blocktitle h2 span {
    color: #199d69;
}

.bnp-blocktitle h3 {
    font-size: 0.9375rem;
    margin: 0;
}

.bnp-blocktitle a {
    position: absolute !important;
    top: 14px;
    right: 0;
    font-size: 1.0625rem;
    color: #fff;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 20px;
}

.bnp-blocktitle a.type1 {
    position: relative;
    padding-left: 54px;
}

.bnp-blocktitle a.type1:before {
    position: absolute;
    top: 0px;
    left: 22px;
    padding: 11px 5px;
    content: '\e91e';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.0625rem;
    box-sizing: border-box;
}

.bnp-blocktitle a.type2 {
    position: relative;
    padding-left: 54px;
}

.bnp-blocktitle a.type2:before {
    position: absolute;
    top: 0px;
    left: 22px;
    padding: 11px 5px;
    content: '\e937';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.0625rem;
    box-sizing: border-box;
}

.bnp-blocktitle p {
    color: #8b8b8b;
    margin: 0;
}

.bnp-blocktitle .bnp-blocktitle-detail {
    color: #8b8b8b;
    margin: 0;
    float: left;
    width: 60%;
    font-size: 0.75rem;
}

.bnp-blocktitle .bnp-blocktitle-detail > span {
    color: #fff;
    background: #ff7200;
    font-size: 0.6875rem;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 6px 3px 6px;
    margin-right: 6px;
}

.bnp-blocktitle .bnp-edit-btn:before {
    content: "\e911";
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 5px;
}

.bnp-actu-section {
    margin-bottom: 28px;
    /*type 1*/
    /*type 1*/
    /*type 1*/
}

.bnp-actu-section.type1 .bnp-tile-entry {
    margin-bottom: 28px;
}

.bnp-actu-section.type1 .bnp-tile-detail {
    width: calc((100% - 400px));
}

.bnp-actu-section.type1 .bnp-tile-entry .bnp-tile-detail p {
    height: auto;
}

.bnp-actu-section.type2 {
    /*reference */
    /*tile entry */
}

.bnp-actu-section.type2 #bnp-reference {
    margin-bottom: 28px;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section {
    width: 100%;
    min-height: 374px;
    padding: 46px;
    z-index: 10;
    box-sizing: border-box;
    background: url('../../bnp.Assets/images/reference.png') no-repeat #199d69;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section #bnp-reference-detail {
    position: static;
    width: 100%;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section #bnp-reference-detail p {
    float: none;
    width: 100%;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section #bnp-reference-detail #bnp-reference-btn {
    float: none;
    position: static;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section #bnp-reference-detail #bnp-reference-btn a {
    color: #fff;
    background: transparent;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section #bnp-reference-figure {
    z-index: -1;
    right: -130px;
}

.bnp-actu-section.type2 .bnp-tile-entry {
    padding-top: 56px;
    margin-bottom: 2px;
    min-height: 187px;
    box-sizing: border-box;
}

.bnp-actu-section.type2 .bnp-tile-entry figure {
    margin-top: -56px;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.bnp-actu-section.type2 .bnp-tile-entry .bnp-tile-detail {
    width: 100%;
    margin-top: -56px;
}

.bnp-actu-section.type3 {
    /*tile entry */
    /*tile entry */
}

.bnp-actu-section.type3 .bnp-tile-entry figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.bnp-actu-section.type3 .bnp-tile-entry .bnp-tile-detail {
    width: 100%;
}

.bnp-actu-section.type3 .bnp-tile-entry {
    padding-top: 56px;
    margin-bottom: 2px;
    min-height: 187px;
    box-sizing: border-box;
}

.bnp-actu-section.type3 .bnp-tile-entry figure {
    margin-top: -56px;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.bnp-actu-section.type3 .bnp-tile-entry .bnp-tile-detail {
    width: 100%;
    margin-top: -56px;
}

/*---------------------------------
 * Tile Entry
 *---------------------------------*/
.bnp-tile-entry {
    margin-bottom: 24px;
    background: #fff;
    overflow: hidden;
}

.bnp-tile-entry figure {
    width: 400px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    background: #c6c6c6;
}

.bnp-tile-entry figure img {
    min-width: 100%;
}

.bnp-tile-entry .bnp-tile-detail {
    float: left;
    padding: 28px 40px;
    box-sizing: border-box;
    min-height: 200px;
}

.bnp-tile-entry .bnp-tile-detail .bnp-tile-tag {
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #fff;
    background: #ff6600;
}

.bnp-tile-entry .bnp-tile-detail .bnp-tile-tag.type1 {
    background: #57b33e;
}

.bnp-tile-entry .bnp-tile-detail .bnp-tile-tag.type2 {
    background: #993366;
}

.bnp-tile-entry .bnp-tile-detail .bnp-tile-date {
    font-family: 'bnplight';
    font-size: 0.875rem;
    margin-bottom: 12px;
    color: #777;
}

.bnp-tile-entry .bnp-tile-detail h3 {
    font-size: 1.125rem;
    color: #454545;
}

.bnp-tile-entry .bnp-tile-detail p {
    font-size: 0.875rem;
    color: #454545;
}

/*---------------------------------
 *  Reference  
 *---------------------------------*/
#bnp-reference {
    margin-bottom: 90px;
    overflow: hidden;
}

#bnp-reference .bnp-section {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    background: url(../../images/reference-bg.png) 450px -225px #199d69 no-repeat;
}

#bnp-reference .bnp-section:before {
    content: '';
    display: block;
    width: 680px;
    height: 170px;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 10;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: url('../../images/reference-cloud.png') no-repeat top right transparent;
}

#bnp-reference .bnp-section #bnp-reference-detail {
    position: absolute;
    left: 80px;
    bottom: 40px;
    width: calc((100% - 150px));
    z-index: 100;
}

#bnp-reference .bnp-section #bnp-reference-detail .date {
    font-size: 0.875rem;
    color: #fff;
}

#bnp-reference .bnp-section #bnp-reference-detail h2 {
    display: inline-block;
    padding: 6px 12px;
    font-size: 0.875rem;
    font-family: 'bnpbold';
    color: #151515;
    background: #fff;
    text-align: left;
}

#bnp-reference .bnp-section #bnp-reference-detail p {
    float: left;
    width: 650px;
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 1.75rem;
    font-family: 'bnplight';
    text-align: left;
}

#bnp-reference .bnp-section #bnp-reference-detail #bnp-reference-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    text-align: left;
}

#bnp-reference .bnp-section #bnp-reference-detail #bnp-reference-btn a {
    display: inline-block;
    min-width: 148px;
    text-align: center;
    font-size: 0.9375rem;
    color: #199d69;
    padding: 16px;
    border: 2px solid #fff;
    background: #ffff;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#bnp-reference .bnp-section #bnp-reference-figure {
    position: absolute;
    right: 90px;
    bottom: 2px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-reference.active .bnp-section:before {
    right: 35px;
    -moz-transition-duration: 4s;
    -webkit-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
}

#bnp-reference.active .bnp-section #bnp-reference-figure {
    bottom: 25px;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

/*---------------------------------
 *  Useful links  
 *---------------------------------*/
#bnp-Useful-links {
    margin-bottom: 28px;
}

#bnp-Useful-links h2 {
    display: block;
    margin: 0;
    font-family: 'bnp';
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
}

#bnp-Useful-links a {
    float: right;
    font-size: 1.0625rem;
    color: #199d69;
    border: 2px solid #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 20px;
    margin: 4px;
}

/*---------------------------------
*   width:calc( ~"(100% - 140px)");
*---------------------------------*/
#bnp-company {
    position: relative;
    /* result */
    /* bnp-company */
}

#bnp-company #bnp-company-result {
    width: calc((100% - 252px));
    float: left;
    /* Search result */
    /**/
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header {
    margin-bottom: 32px;
    /* Items */
    /**/
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header input {
    width: calc((100% - 49px));
    height: 46px;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header a {
    display: block;
    width: 48px;
    height: 45px;
    position: relative;
    float: left;
    background: #3fb387;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header a:before {
    position: absolute;
    top: 16px;
    right: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-content-items .bnp-search-items {
    display: inline-block;
    float: left;
    padding: 6px 8px 6px 8px;
    margin: 8px 8px 0 0;
    color: #fff;
    background: #3fb387;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-content-items .bnp-search-items span {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    cursor: pointer;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-content-items .bnp-search-items span:before {
    position: absolute;
    top: 1px;
    right: 0px;
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.625rem;
    box-sizing: border-box;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper {
    display: none;
    position: absolute;
    left: 0px;
    z-index: 100;
    top: 54px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    /* check box  */
    /**/
    /**/
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper .custom-checkbox-list {
    padding: 16px;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper .custom-checkbox-list .custom-checkbox {
    width: 100%;
    box-sizing: border-box;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox {
    width: auto;
    float: right;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #777;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child {
    border: 0 none;
    padding-right: 0;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-body {
    max-height: 216px;
    overflow: scroll;
    margin-right: 20px;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    width: 33.3%;
    float: left;
}

#bnp-company #bnp-company-result .bnp-search-cell {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header {
    margin-bottom: 30px;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h2 {
    display: inline-block;
    width: 68%;
    color: #151515;
    font-size: 1rem;
    font-family: 'bnpbold';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h2 span {
    font-family: 'bnplight';
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h3 {
    display: inline-block;
    width: 28%;
    text-align: right;
    color: #151515;
    font-size: 1rem;
    font-family: 'bnplight';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h3 span {
    font-family: 'bnpbold';
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body {
    /* Addons */
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body h3 {
    display: block;
    color: #151515;
    font-size: 1rem;
    font-family: 'bnplight';
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body h3 span {
    font-family: 'bnpbold';
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-cell-unit {
    display: inline-block;
    margin: 0 5px 5px 0;
    color: #151515;
    font-size: 1rem;
    font-family: 'bnpbold';
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-cell-unit span {
    display: inline-block;
    font-family: 'bnplight';
    font-size: 0.8125rem;
    background: #777;
    color: #fff;
    padding: 4px 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-grid .bnp-grid-cell:nth-child(1) {
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
}

#bnp-company #bnp-company-result .bnp-penpal-cell {
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    /**/
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-cell-header {
    margin-bottom: 6px;
    position: relative;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-cell-header h2 {
    display: inline-block;
    width: 68%;
    color: #151515;
    font-size: 1rem;
    font-family: 'bnpbold';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-cell-header p {
    font-size: 0.9375rem;
    color: #777;
    font-family: 'bnplight';
    margin: 0;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-hut {
    display: inline-block;
    margin-right: 14px;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .custom-checkbox {
    display: inline-block;
    font-size: 0.875rem;
    color: #777;
    font-family: 'bnplight';
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame {
    display: none;
    padding: 16px;
    background: #f7f7f7;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame h3 {
    font-size: 0.875rem;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-hut {
    display: block;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role {
    float: right;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role .bnp-role-user {
    font-size: 0.875rem;
    display: inline-block;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role .bnp-role-content {
    font-size: 0.75rem;
    display: inline-block;
    padding: 6px 12px 4px 12px;
    border-radius: 3px;
    color: #fff;
    margin-left: 12px;
    min-width: 95px;
    text-align: center;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role .bnp-role-content.admin {
    background: #e67e22;
}

#bnp-company #bnp-company-result .bnp-penpal-cell .bnp-penpal-frame .bnp-penpal-role .bnp-role-content.opera {
    background: #2980b9;
}

#bnp-company #bnp-company-result .bnp-penpal-cell.bnp-penpal-cellheader-bg {
    background: rgba(25, 157, 105, 0.2);
}

#bnp-company.bnp-penpal #bnp-company-result {
    width: 100%;
    box-sizing: border-box;
}

/* filter */
#bnp-company-filter {
    width: 232px;
    float: left;
    margin: 0 20px 40px 0;
}

#bnp-company-filter #bnp-company-tools {
    margin-bottom: 20px;
    background: #fff;
    padding-bottom: 20px;
}

#bnp-company-filter #bnp-company-tools > h2 {
    position: relative;
    color: #151515;
    font-size: 0.875rem;
    padding: 20px 35px 20px 20px;
    margin-bottom: 0;
    cursor: pointer;
}

#bnp-company-filter #bnp-company-tools > h2:before {
    position: absolute;
    top: 20px;
    right: 15px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-company-filter #bnp-company-tools > h2.active:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items {
    padding: 0px 20px 20px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items .bnp-grid-gutter {
    margin: 0;
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items .bnp-grid {
    margin: 0;
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items .custom-checkbox {
    width: 100%;
    box-sizing: border-box;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items .bnp-grid .bnp-grid-gutter .custom-checkbox:nth-child(1) {
    /*color:#b0b0b0;font-family:'bnp';cursor:pointer;*/
}

#bnp-company-filter #bnp-company-tools .bnp-tools-items h3 {
    color: #b0b0b0;
    font-size: 0.875rem;
}

#bnp-company-filter #bnp-company-bnt {
    background: #fff;
    text-align: center;
}

#bnp-company-filter #bnp-company-bnt a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    color: #3fb387;
    font-size: 0.9375rem;
    padding: 15px 5px;
    text-align: center;
}

#bnp-company-filter .bnp-company-filterbtn {
    display: block;
    width: calc((100% - 40px));
    font-size: 0.9375rem;
    margin: 0 auto 20px auto;
    padding: 18px 12px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    background: #3fb387;
}

#bnp-company-filter .bnp-favorit-btn {
    display: block;
    width: calc((100% - 40px));
    margin: 0 auto 0px auto;
    font-size: 0.9375rem;
    color: #3fb387;
    padding: 18px 12px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #3fb387;
}

/* Helper btn */
#bnp-company-helper {
    position: fixed;
    top: 60%;
    right: calc((50% - 640px));
    height: 46px;
    width: 46px;
    background: #ff8700;
    color: #fff;
    font-size: 1rem;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

#bnp-company-helper a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 0 0 0;
    color: #fff;
    font-size: 1.75rem;
}

/* Penpal Setup */
.bnp-penpal-setup #bnp-company #bnp-company-result {
    width: 100%;
    float: none;
    box-sizing: border-box;
}

.bnp-penpal-setup .bnp-penpal-search {
    padding-top: 24px;
}

/* Penpal Factor */
.bnp-penpal-factor {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    font-size: 0.75rem;
    background: #E2E2E2;
    font-family: "bnplight";
    cursor: pointer;
}

.bnp-penpal-factor.active {
    background: #F79F3C;
    color: #fff;
}

.bnp-penpal-factor.disable {
    background: #EEEEEE;
    color: #CFCFCF;
    cursor: initial;
}

/* bnp-penpal-fold */
.bnp-penpal-fold {
    margin-bottom: 12px;
}

.bnp-penpal-fold .bnp-penpal-foldup {
    float: right;
    font-size: 0.8125rem;
    cursor: pointer;
    margin-left: 8px;
}

.bnp-penpal-fold .bnp-penpal-foldup:after {
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    margin-left: 8px;
    font-size: 0.6875rem;
    box-sizing: border-box;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.bnp-penpal-fold .bnp-penpal-folddown {
    float: right;
    font-size: 0.8125rem;
    cursor: pointer;
    margin-left: 8px;
}

.bnp-penpal-fold .bnp-penpal-folddown:after {
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    margin-left: 8px;
    font-size: 0.6875rem;
    box-sizing: border-box;
}

/* Penpal Surgery */
.bnp-penpal-surgery {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    /* surgery detail  */
    /* Penpal Surgery Etnry */
}

.bnp-penpal-surgery .bnp-penpal-surgery-header {
    position: relative;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header h2 {
    font-size: 1.25rem;
    display: inline-block;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a {
    display: inline-block;
    position: relative;
    margin-left: 4px;
    cursor: pointer;
    color: #444;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a:before {
    content: ' | ';
    display: inline-block;
    margin-right: 10px;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a:after {
    content: '';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 1rem;
    margin: 0 2px 0 0;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.edit:after {
    content: '\e919';
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.share:after {
    content: '\e917';
    font-size: 1.125rem;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.backToDetail {
    display: none;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.backToDetail:after {
    content: '\e951';
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.call:after {
    content: '\e952';
    font-size: 1.125rem;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.deleteUser:after {
    content: '\e936';
    font-size: 1.125rem;
}

.bnp-penpal-surgery .bnp-penpal-surgery-header a.detail:after {
    position: relative;
    top: 3px;
    content: '\e90e';
    font-size: 1.125rem;
}

.bnp-penpal-surgery.active-detail .bnp-penpal-surgery-header a.detail:after {
    content: '\e905';
    font-size: 1.125rem;
}

.bnp-penpal-surgery .bnp-penpal-surgery-detail {
    display: none;
    padding: 20px;
    background: #f3f3f3;
}

.bnp-penpal-surgery .bnp-penpal-surgery-detail ul {
    list-style: none;
}

.bnp-penpal-surgery .bnp-penpal-surgery-detail ul li {
    font-size: 0.875rem;
    font-family: 'bnplight';
    color: #444;
    margin-bottom: 6px;
}

.bnp-penpal-surgery .bnp-penpal-surgery-detail ul li:before {
    content: '•';
    display: inline-block;
    margin-right: 6px;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry-contenaire {
    display: none;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry {
    float: left;
    width: 50%;
    padding: 8px 0px;
    box-sizing: border-box;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .detail {
    width: calc((100v - 80px));
    float: left;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .detail h2 {
    font-size: 1rem;
    margin-bottom: 2px;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .detail p {
    font-size: 0.875rem;
    color: #a7a7a7;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .refresh {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    margin: 4px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #f3f3f3;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .refresh:before {
    position: absolute;
    top: 9px;
    left: 11px;
    content: '\e91a';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 1.25rem;
    margin: 0 2px 0 0;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .subjoin {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    margin: 4px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #f3f3f3;
}

.bnp-penpal-surgery .bnp-penpal-surgery-etnry .subjoin:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '\e91b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 1.25rem;
    margin: 0 2px 0 0;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/**/
.bnp-button-fieldset {
    text-align: center;
}

/* Penpal Creation Summary */
.bnp-penpal-summary {
    margin-bottom: 28px;
}

/**/
.bnp-penpal-Summary-detail {
    padding: 20px;
    background: #fff;
}

.bnp-penpal-Summary-detail h2 {
    color: #a7a7a7;
    font-size: 0.875rem;
}

.bnp-penpal-Summary-detail table {
    border: 0 none;
}

.bnp-penpal-Summary-detail table tr td {
    border: 0 none;
    padding: 10px 6px 10px 0;
    font-size: 0.875rem;
}

.bnp-penpal-Summary-detail table thead tr td {
    font-family: 'bnplight';
}

/* Summary BTN */
.bnp-penpal-summary-btn {
    text-align: right;
    padding: 20px 0;
}

.bnp-penpal-summary-btn .bnp-button {
    margin-left: 16px;
}

/* Penpal User */
.bnp-penpal-user {
    background: #fff;
    padding: 20px;
    margin-bottom: 28px;
}

.bnp-penpal-user ul li {
    margin-bottom: 8px;
}

.bnp-penpal-user ul li span {
    display: inline-block;
    width: 69%;
    padding: 0 12px;
    box-sizing: border-box;
}

.bnp-penpal-user ul li span:first-child {
    text-align: right;
    width: 30%;
    color: #777;
    font-family: 'bnplight';
}

/* Favorit filter  */
#bnp-favorit-filter {
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    box-sizing: border-box;
    background: #3fb387;
}

#bnp-favorit-filter h2 {
    font-size: 0.875rem;
    margin-bottom: 26px;
    color: #fff;
}

#bnp-favorit-filter .bnp-favorit-entry {
    position: relative;
    padding: 0 15px 0 20px;
}

#bnp-favorit-filter .bnp-favorit-entry:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border: 1px solid #fff;
    background: #72c7a6;
}

#bnp-favorit-filter .bnp-favorit-entry span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

#bnp-favorit-filter .bnp-favorit-entry span:before {
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.6875rem;
    box-sizing: border-box;
}

/* Folder set */
.bnp-folder-set {
    cursor: pointer;
    padding-right: 20px;
    position: absolute;
    right: 14px;
    top: 2px;
}

.bnp-folder-set:before {
    position: absolute;
    top: 0px;
    right: 0px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 0.875rem;
    margin: 0 2px 0 0;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-folder-set.active .active {
    display: inline-block;
}

.bnp-folder-set.active .inactive {
    display: none;
}

.bnp-folder-set .active {
    display: none;
}

.bnp-folder-set .inactive {
    display: inline-block;
}

.active .bnp-folder-set:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*---------------------------------
 *  Devs Addons 
 *---------------------------------*/
/* tuile addons */
.bnp-tile-entry .bnp-tile-detail p {
    height: 90px;
    overflow: hidden;
}

#bnp-reference .bnp-section #bnp-reference-detail p {
    /*max-height:150px;overflow:hidden;*/
}

/*add Padding */
.bnp-tile-entry .bnp-tile-detail {
    padding: 28px 40px 11px 40px;
}

/*#bnp-slider-favor .list_carousel li {
width:100%;
}*/
.bnp-actu-section.type2 #bnp-reference .bnp-section {
    min-height: 394px;
}

.bnp-tile-entry .bnp-tile-detail h3 {
    overflow: hidden;
    height: 35px;
}

.bnp-actu-section.type2 .bnp-tile-entry {
    min-height: 196px;
}

.bnp-report-content .bnp-report-section02 {
    margin-left: 22px;
}

/*
.bnp-report-content .bnp-report-btn {width:370px;}
 */
/* nbSplitNumber */
.nbSplitNumber {
    display: inline !important;
    width: auto;
    height: auto;
    background: transparent !important;
    margin: 0;
    padding: 0;
}

.nbSplitNumber:before {
    display: none !important;
}

/*---------------------------------
 *  Login Page 
 *---------------------------------*/
body.bnp-login-body #bnp-mainarea {
    background: #f8f8f8;
}

#bnp-login-page {
    margin: 0 auto;
    background: #f8f8f8;
    width: 1440px;
    max-width: 100%;
    /* Form */
    /*bnp-login-page */
    /* Profil section */
}

#bnp-login-page .bnp-form-section {
    min-height: calc((100vh - 167px));
    margin-bottom: 0;
    padding: 0;
}

#bnp-login-page .bnp-form-section .bnp-section {
    padding: 40px 30px 0px 60px;
    width: auto;
}

#bnp-login-page .bnp-form-section h2 {
    color: #151515;
    font-size: 22px;
    margin-bottom: 50px;
}

#bnp-login-page .bnp-form-section .bnp-form-entry {
    float: left;
    width: 65%;
    margin-right: 24px;
}

#bnp-login-page .bnp-form-section .bnp-form-entry span {
    color: #333;
    font-size: 0.875rem;
    display: block;
    margin-bottom: 10px;
    font-family: "bnplight";
}

#bnp-login-page .bnp-form-section .bnp-form-entry .info:before {
    color: #A7A7A7;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry {
    position: relative;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry.error .bnp-password-error {
    display: block;
    color: #c3455b;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry input {
    padding: 20px;
    width: 100%;
    display: block;
    border-radius: 2px;
    border: 1px solid #CFCFCF;
    font-size: 0.875rem;
    color: #333;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry .eye-check {
    position: absolute;
    cursor: pointer;
    top: 17px;
    right: 20px;
    width: 25px;
    height: 15px;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry .reveal {
    display: none;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry .bnp-password-error {
    display: none;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry.active input:not(.reveal) {
    display: none;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-password-entry.active .reveal {
    display: block;
}

#bnp-login-page .bnp-form-section .bnp-form-entry > input {
    float: left;
    width: 65%;
    margin-right: 24px;
    margin-top: 0;
}

#bnp-login-page .bnp-form-section .bnp-form-entry input::placeholder {
    color: #333;
    font-family: "bnp";
    font-size: 0.875rem;
}

#bnp-login-page .bnp-form-section .bnp-form-entry .bnp-button {
    float: left;
    width: calc((35% - 24px));
    padding: 18px 10px;
    min-width: 0;
    text-decoration: none;
    box-sizing: border-box;
}

#bnp-login-page .bnp-form-section .bnp-password-reco {
    float: left;
    width: calc((35% - 24px));
    margin-top: 22px;
    position: relative;
    padding: 12px;
    box-sizing: border-box;
    background: #EBEBEB;
}

#bnp-login-page .bnp-form-section .bnp-password-reco p {
    color: #333;
    font-size: 0.875rem;
    margin-bottom: 10px;
    font-family: "bnplight";
}

#bnp-login-page .bnp-form-section .bnp-password-reco ul li {
    color: #333;
    font-size: 0.875rem;
    font-family: "bnplight";
    margin-bottom: 2px;
}

#bnp-login-page .bnp-form-section .bnp-password-reco ul li.active {
    font-weight: bold;
}

#bnp-login-page .bnp-form-section .bnp-password-reco:after {
    content: "";
    position: absolute;
    top: 18px;
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 10px 0;
    border-color: transparent #EBEBEB transparent transparent;
}

#bnp-login-page .bnp-form-section .bnp-form-paragraph {
    padding: 0;
    text-align: left;
    width: 65%;
    margin: 0 0 20px 0;
    color: #333;
    font-size: 0.875rem;
}

#bnp-login-page .bnp-form-section .bnp-form-paragraph .info:before {
    font-size: 1rem;
    color: #A7A7A7;
}

#bnp-login-page .bnp-form-section .bnp-form-paragraph .info span {
    top: -35px;
    background: #EBEBEB;
    color: #333 !important;
    border-radius: 2px;
}

#bnp-login-page .bnp-form-section .bnp-form-paragraph .info span:before {
    background: #EBEBEB;
}

#bnp-login-page .bnp-form-section .bnp-form-paragraph .bnp-radio-cheker {
    margin-top: 8px;
    height: 17px;
    padding: 0;
}

#bnp-login-page .bnp-form-section .bnp-button.submit {
    width: 65%;
    margin-top: 30px;
    margin-bottom: 60px;
    display: block;
}

#bnp-login-page .bnp-form-section .bnp-button.submit.disabled {
    background: #D6D6D6;
    color: #A6A6A6;
}

#bnp-login-page .bnp-form-section .bnp-form-contact {
    color: #333333;
    font-size: 0.875rem;
}

#bnp-login-page .bnp-form-section .bnp-form-contact a {
    text-decoration: underline;
    color: #199D69;
}

#bnp-login-page .bnp-info {
    background: #cccccc;
    padding: 0 0;
}

#bnp-login-page .bnp-info .bnp-section {
    width: 1440px;
    max-width: 100%;
}

#bnp-login-page .bnp-info p {
    color: #151515;
    width: calc((100% - 42px));
    display: inline-block;
    position: relative;
    padding: 20px 80px 18px 130px;
    box-sizing: border-box;
    margin: 0;
}

#bnp-login-page .bnp-info p span {
    position: absolute;
    left: 6px;
    top: calc(50% - 14px);
    display: inline-block;
    font-size: 0.875rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: #b71234;
    color: #fff;
    padding: 4px 18px;
}

#bnp-login-page .bnp-info .close {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 40px;
    cursor: pointer;
}

#bnp-login-page .bnp-info .close:before {
    position: absolute;
    top: 25px;
    right: 0;
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #151515;
    font-size: 1rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-login-page .bnp-profil-section {
    padding: 70px;
}

#bnp-login-page .bnp-profil-section h2 {
    font-size: 1.375rem;
    color: #151515;
    margin-bottom: 40px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry {
    background: #fff;
    padding: 0px 65px 30px 65px;
    margin-bottom: 30px;
    /* Form */
    /* Active */
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry > a {
    color: #333333;
    font-size: 1rem;
    margin: 0;
    display: block;
    padding: 30px 0 0 0;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-header {
    padding: 30px 0 0 0;
    position: relative;
    cursor: pointer;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-header h3 {
    color: #333333;
    font-size: 1rem;
    margin: 0;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-header:before {
    position: absolute;
    top: 30px;
    left: -32px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-detail {
    display: none;
    padding-top: 20px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-detail p {
    font-family: 'bnplight';
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-grid {
    margin: 0;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell {
    margin-top: 30px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell h4 {
    color: #333333;
    font-size: 0.875rem;
    text-transform: uppercase;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell p {
    font-family: 'bnplight';
    font-size: 0.875rem;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-button {
    height: 40px;
    padding: 12px;
    width: 220px;
    box-sizing: border-box;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-call-center {
    width: 220px;
    border: 1px solid #9A9A9A;
    border-radius: 2px;
    height: 40px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-call-center:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-call-center .tel {
    display: block;
    width: 120px;
    float: left;
    font-size: 0.875rem;
    color: #9a9a9a;
    position: relative;
    box-sizing: border-box;
    padding: 13px 8px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-call-center .tel:before {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: -5px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-cell .bnp-call-center .text {
    display: block;
    line-height: 12px;
    height: 40px;
    padding: 8px 16px;
    text-align: center;
    width: 100px;
    float: left;
    background: #9A9A9A;
    color: #fff;
    font-size: 0.625rem;
    box-sizing: border-box;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-form-entry {
    margin: 30px auto;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-form-entry,
#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-section-btn {
    width: 100%;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-button {
    padding: 20px;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry.active .bnp-entry-header:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry.active .bnp-entry-detail {
    display: block;
}

/* presentation */
#bnp-login-presentation .bnp-video {
    padding: 90px 0;
    min-height: calc((100vh - 347px));
    background-size: auto 100%;
    background: url('../../images/presentation-bg.png') repeat;
}

#bnp-login-presentation .bnp-video > .iframe {
    width: 512px;
    height: 300px;
    margin: 0 auto 44px auto;
}

#bnp-login-presentation .bnp-video .detail {
    width: 512px;
    margin: 0 auto;
}

#bnp-login-presentation .bnp-video .detail p {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 44px;
}

#bnp-login-presentation .bnp-video .detail a {
    display: inline-block;
    color: #fff;
    font-size: 0.9375rem;
    padding: 16px 18px;
    min-width: 120px;
    border: 1px solid #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

#bnp-login-presentation .bnp-video .detail a:hover {
    color: #41d3a7;
    background: #fff;
}

#bnp-login-presentation .bnp-figure {
    overflow: hidden;
    height: calc((100vh - 174px));
}

#bnp-login-presentation .bnp-figure img {
    width: 100%;
    object-fit: cover;
}

/*---------------------------------
 *  Cookie Banner  
 *---------------------------------*/
.bnp-lang-title {
    width: calc(100% - 300px);
    display: block;
    text-align: right;
    margin: 17px 0px 10px 0;
    float: right;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

#bnp-lang {
    float: right;
    width: 155px;
    border: 0 none;
}

#bnp-lang.bnp-select-init li.init {
    position: relative;
    margin-bottom: 16px;
}

#bnp-lang.bnp-select-init li.init:before {
    position: absolute;
    top: 7px;
    right: 0;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: 0.75rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-lang.bnp-select-init li:not(.init) {
    width: 115px;
    background: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #E2E2E2;
}

#bnp-lang.bnp-select-init li {
    cursor: pointer;
}

#bnp-lang.bnp-select-init li:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-lang.bnp-select-init img {
    width: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin: -2px 4px 0 0;
}

/*--------------------------------- 
 *  Cookie Banner 
 *---------------------------------*/
#bnp-cookies-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px 0px;
    box-sizing: border-box;
    background: #666666;
}

#bnp-cookies-banner .bnp-section {
    width: 1440px;
    max-width: 100%;
}

#bnp-cookies-banner .bnp-section > p {
    width: calc((100% - 65px));
    display: inline-block;
    color: #ffffff;
    font-size: 0.875rem;
}

#bnp-cookies-banner .bnp-section > p a {
    color: #339933;
    text-decoration: underline;
}

#bnp-cookies-banner .bnp-section > a {
    display: inline-block;
    margin-top: 2px;
    color: #fff;
    font-size: 0.8125rem;
    padding: 6px 10px;
    border: 1px solid #fff;
    font-family: 'bnplight';
}

/*---------------------------------
 *  Cookie Banner 
 *---------------------------------*/
.bnp-tip-off {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.bnp-tip-off img {
    width: 100%;
}

.bnp-tip-off .bnp-tip-content {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 60px;
}

.bnp-tip-off .bnp-tip-content .bnp-section {
    text-align: center;
}

.bnp-tip-off .bnp-tip-content h2 {
    color: #ffffff;
    font-size: 2.375rem;
    font-family: 'bnplight';
}

.bnp-tip-off .bnp-tip-content a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0 12px;
    font-size: 0.9375rem;
    padding-left: 20px;
    padding-right: 20px;
}

/*---------------------------------
 *  count step  
 *---------------------------------*/
.bnp-count-step {
    margin-bottom: 28px;
}

.bnp-count-step .bnp-step-entry {
    position: relative;
    background: #fff;
    text-align: center;
    padding: 20px;
    /* hover */
    /* Active */
}

.bnp-count-step .bnp-step-entry .bnp-step-icon {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin: 0 auto 15px auto;
    background: #e0e0e0;
}

.bnp-count-step .bnp-step-entry .bnp-step-icon:before {
    position: absolute;
    top: 12px;
    left: 12px;
    content: '\e934';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #373737;
    font-size: 1.625rem;
    box-sizing: border-box;
}

.bnp-count-step .bnp-step-entry .bnp-step-icon.type1:before {
    content: '\e91f';
}

.bnp-count-step .bnp-step-entry .bnp-step-icon.type2:before {
    content: '\e92b';
}

.bnp-count-step .bnp-step-entry .bnp-step-icon.type3:before {
    content: '\e933';
}

.bnp-count-step .bnp-step-entry h2 {
    min-height: 42px;
    margin: 0;
    font-size: 1.125rem;
    font-family: 'bnplight';
}

.bnp-count-step .bnp-step-entry:before {
    display: none;
    content: "";
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: #fff;
    position: absolute;
    bottom: -6px;
    left: 48%;
}

.bnp-count-step .bnp-step-entry:hover {
    background: #3fb387;
}

.bnp-count-step .bnp-step-entry:hover h2 {
    color: #fff;
}

.bnp-count-step .bnp-step-entry:hover .bnp-step-icon {
    background: #fff;
}

.bnp-count-step .bnp-step-entry.active {
    background: #3fb387;
    cursor: pointer;
}

.bnp-count-step .bnp-step-entry.active .bnp-step-icon {
    background: #fff;
}

.bnp-count-step .bnp-step-entry.active h2 {
    color: #fff;
}

.bnp-count-step .bnp-step-entry.active:before {
    display: block;
    background: #3fb387;
}

/*---------------------------------
 *  pen pal 
 *---------------------------------*/
.bnp-penpal-search {
    padding-right: 8px;
}

.bnp-penpal-search .bnp-penpal-input {
    padding: 0 8px;
    margin-bottom: 20px;
    background: #fff;
}

.bnp-penpal-search .bnp-penpal-input input {
    display: inline-block;
    border: 0 none;
    width: calc((100% - 40px));
    background: #fff;
    font-size: 0.8125rem;
    margin: 5px 0 0 0;
    color: #999;
}

.bnp-penpal-search .bnp-penpal-input a {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.bnp-penpal-search .bnp-penpal-input a:before {
    position: absolute;
    top: 1px;
    right: 1px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-penpal-search .bnp-penpal-history {
    padding: 22px 20px 1px 20px;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    overflow: initial !important;
}

.bnp-penpal-search .bnp-penpal-history > span {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* Tooltip */
}

.bnp-penpal-search .bnp-penpal-history > span:hover,
.bnp-penpal-search .bnp-penpal-history > span.active {
    background: #eee;
}

.bnp-penpal-search .bnp-penpal-history > span.admin {
    color: #61B08A;
}

.bnp-penpal-search .bnp-penpal-history > span.step1:before {
    background: #61B08A;
}

.bnp-penpal-search .bnp-penpal-history > span.step2:before {
    background: #F1885b;
}

.bnp-penpal-search .bnp-penpal-history > span.step3:before {
    background: #c3455b;
}

.bnp-penpal-search .bnp-penpal-history > span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 1px;
    height: 30px;
    width: 5px;
    background: #61B08A;
}

.bnp-penpal-search .bnp-penpal-history > span + .tooltip {
    display: none;
    position: absolute;
    left: -110%;
    margin-top: -62px;
    line-height: 20px;
    overflow: initial;
    white-space: normal;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-penpal-search .bnp-penpal-history > span + .tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: 255px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-penpal-search .bnp-penpal-history > span:hover + .tooltip {
    display: inline-block;
}

.bnp-penpal-search .bnp-button {
    width: 100%;
    box-sizing: border-box;
}

/*---------------------------------
 *  pen pal company w
 *---------------------------------*/
.bnp-penpal-company {
    margin-bottom: 20px;
    padding: 30px 30px 2px 30px;
    background: #fff;
    /* Edition Addons */
    /* Edition activated */
}

.bnp-penpal-company .bnp-penpal-company-header h2 {
    font-size: 1.25rem;
    display: inline-block;
    color: #61B08A;
    position: relative;
    margin-right: 20px;
}

.bnp-penpal-company .bnp-penpal-company-header h2:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: -5px;
    height: 30px;
    width: 5px;
    background: #61B08A;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step1 {
    color: #61B08A;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step1:before {
    background: #61B08A;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step2 {
    color: #F1885b;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step2:before {
    background: #F1885b;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step3 {
    color: #c3455b;
}

.bnp-penpal-company .bnp-penpal-company-header h2.step3:before {
    background: #c3455b;
}

.bnp-penpal-company .bnp-penpal-company-header a {
    display: inline-block;
    position: relative;
    margin-left: 4px;
    cursor: pointer;
    color: #444;
}

.bnp-penpal-company .bnp-penpal-company-header a:before {
    content: ' | ';
    display: inline-block;
    margin-right: 14px;
    color: #C2C2C2;
}

.bnp-penpal-company .bnp-penpal-company-header a:after {
    content: '';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
    font-size: 1rem;
    margin: 0 2px 0 0;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-penpal-company .bnp-penpal-company-header a.edit:after {
    content: '\e919';
}

.bnp-penpal-company .bnp-penpal-company-header a.share:after {
    content: '\e917';
    font-size: 1.125rem;
}

.bnp-penpal-company .bnp-penpal-company-header a span {
    display: none;
    position: absolute;
    top: -92px;
    left: -105px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-penpal-company .bnp-penpal-company-header a span:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 46%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-penpal-company .bnp-penpal-company-header a.backToDetail:after {
    content: '\e951';
}

.bnp-penpal-company .bnp-penpal-company-header a.call:after {
    content: '\e952';
    font-size: 1.125rem;
}

.bnp-penpal-company .bnp-penpal-company-header a.deleteUser:after {
    content: '\e936';
    font-size: 1.125rem;
}

.bnp-penpal-company .bnp-penpal-company-header a:hover span {
    display: block;
}

.bnp-penpal-company .bnp-grid hr {
    margin: 10px 0 26px 0;
}

.bnp-penpal-company .bnp-grid h3 {
    font-size: 0.875rem;
    margin-bottom: 6px;
    color: #C2C2C2;
}

.bnp-penpal-company .bnp-grid div {
    margin-bottom: 6px;
    color: #777;
}

.bnp-penpal-company .bnp-grid div span {
    color: #777;
}

.bnp-penpal-company .bnp-grid div .bnp-radio-cheker {
    margin-left: 0;
}

.bnp-penpal-company .bnp-toedit-panel {
    display: inline-block;
}

.bnp-penpal-company .bnp-edit-set {
    display: none;
}

.bnp-penpal-company .bnp-show-onedit {
    display: none;
}

.bnp-penpal-company .bnp-edit-validation {
    text-align: right;
}

.bnp-penpal-company .bnp-edit-validation .bnp-button {
    min-width: 120px;
}

.bnp-penpal-company .bnp-edit-validation .bnp-cancel {
    color: #fff;
    background: #b4b4b4;
    box-sizing: border-box;
}

.bnp-penpal-company.bnp-edition-panel .bnp-edit-set {
    display: block;
}

.bnp-penpal-company.bnp-edition-panel .bnp-show-onedit {
    display: block;
}

.bnp-penpal-company.bnp-edition-panel .bnp-hide-onedit {
    display: none;
}

.bnp-penpal-company.bnp-edition-panel .bnp-toedit-panel {
    display: none;
}

.bnp-penpal-company.bnp-edition-panel .bnp-penpal-company-header h2 {
    width: 220px;
}

.bnp-penpal-company.bnp-edition-panel .bnp-penpal-company-header h2:before {
    display: none;
}

.bnp-penpal-company.bnp-edition-panel .bnp-penpal-company-header h2 .bnp-edit-set {
    width: 100px;
    display: inline-block;
}

.bnp-penpal-company.bnp-edition-panel input {
    height: 22px;
    font-size: 0.875rem;
}

/*---------------------------------
 *  count step  
 *---------------------------------*/
.bnp-timeline {
    margin: 60px 0;
    border-top: 3px solid #cfcfcf;
}

.bnp-timeline ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.bnp-timeline ul li {
    display: inline-block;
    text-align: center;
    margin: -25px 30px 0 30px;
}

.bnp-timeline ul li .number {
    position: relative;
    z-index: 10;
    display: block;
    width: 50px;
    height: 50px;
    border: 3px solid #cfcfcf;
    background: #fff;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    padding-top: 13px;
    font-size: 1.25rem;
}

.bnp-timeline ul li .title {
    display: inline-block;
}

.bnp-timeline ul li.active .number {
    border-color: #3fb387;
    /*&:before{content:'';display:block;height:3px;position:absolute;top:19px;right:48px;width:1024px;z-index:1;background:#0d864f;}*/
}

/* Animated block */
@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.bnp-report-loading.type1 {
    max-width: 100%;
}

.bnp-report-loading.type1 .animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
    margin-bottom: 24px;
    /* Type 1 */
}

.bnp-report-loading.type1 .animated-background.type1 {
    width: 200px;
    height: 14px;
    margin-bottom: 30px;
}

.bnp-report-loading.type1 .animated-background.type2 {
    width: 140px;
    height: 140px;
    margin-right: 30px;
    float: left;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

.bnp-report-loading.type1 .animated-background.type3 {
    width: calc(100% - 300px);
    height: 8px;
    float: left;
    margin-top: 18px;
}

.bnp-report-loading.type1 .animated-background.type4 {
    width: calc(100% - 400px);
    height: 8px;
    float: left;
}

.bnp-report-loading.type1 .animated-background.type5 {
    width: calc(100% - 320px);
    height: 8px;
    float: left;
}

.bnp-report-loading.type2 {
    max-width: 100%;
}

.bnp-report-loading.type2 .animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
    /* Type 1 */
}

.bnp-report-loading.type2 .animated-background.type1 {
    width: 200px;
    height: 10px;
    margin: 0 0 10px 0;
}

.bnp-report-loading.type2 .animated-background.type6 {
    width: 300px;
    height: 6px;
    margin: 0;
}

.bnp-report-loading.type2 .animated-background.type2 {
    width: 70px;
    height: 140px;
    margin: 30px;
    margin-top: 130px;
    float: left;
}

.bnp-report-loading.type2 .animated-background.type3 {
    width: 70px;
    height: 180px;
    margin: 30px;
    float: left;
    margin-top: 90px;
}

.bnp-report-loading.type2 .animated-background.type4 {
    width: 70px;
    height: 90px;
    margin: 30px;
    float: left;
    margin-top: 180px;
}

.bnp-report-loading.type2 .animated-background.type5 {
    width: 70px;
    height: 240px;
    margin: 30px;
    float: left;
}

/* bnp-alert-entry */
.bnp-alert-entry {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    border-left: 6px solid #ff7200;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* disabled  */
}

.bnp-alert-entry h2 {
    font-size: 1rem;
    color: #151515;
    margin-bottom: 6px;
}

.bnp-alert-entry h2 a {
    color: #68cd75;
    text-decoration: underline;
}

.bnp-alert-entry .bnp-date {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #b0b0b0;
}

.bnp-alert-entry .bnp-detail {
    margin-bottom: 6px;
    background: #f5f5f5;
    padding: 14px;
}

.bnp-alert-entry .bnp-detail p {
    display: inline-block;
    color: #151515;
    font-family: 'bnplight';
}

.bnp-alert-entry .bnp-detail p span {
    display: inline-block;
    color: #151515;
    font-weight: 700;
}

.bnp-alert-entry .bnp-close {
    position: absolute;
    top: 7px;
    right: 9px;
    cursor: pointer;
}

.bnp-alert-entry .bnp-close:before {
    content: '\e905';
    color: #151515;
    font-size: 0.75rem;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bnp-alert-entry.bnp-alert-disabled {
    border-color: #cdcdcd;
}

/*---------------------------------
 *  FundSheets 
*---------------------------------*/
#bnp-supports-conteneur {
    position: relative;
    /* Case See more */
    /* Addons */
    /* btn close */
}

#bnp-supports-conteneur hr {
    margin: 30px 0 50px 0;
}

#bnp-supports-conteneur #bnp-supports-filter {
    margin-bottom: 46px;
}

#bnp-supports-conteneur #bnp-supports-filter .bnp-button {
    float: right;
}

#bnp-supports-conteneur #bnp-supports-sorter {
    margin-right: 30px;
    float: left;
}

#bnp-supports-conteneur #bnp-supports-sorter ul.bnp-select-init li:before {
    display: none;
}

#bnp-supports-conteneur #bnp-supports-sorter ul.bnp-select-init li.init:before {
    display: block;
}

#bnp-supports-conteneur .bnp-supports-detail {
    position: fixed;
    z-index: 100;
    width: 1024px;
    max-width: 100%;
    box-sizing: border-box;
    top: 20px;
    max-height: calc(100% - 40px);
    overflow: auto;
    margin-bottom: 100px;
    padding: 80px 60px;
    background-color: #fff;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

#bnp-supports-conteneur .bnp-supports-detail::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

#bnp-supports-conteneur .bnp-supports-detail::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

#bnp-supports-conteneur .bnp-supports-detail .bnp-supports-header {
    margin-bottom: 42px;
}

#bnp-supports-conteneur .bnp-supports-detail .bnp-supports-header h2 {
    font-size: 1.75rem;
    font-family: 'bnplight';
    color: #454545;
}

#bnp-supports-conteneur .bnp-supports-detail .bnp-supports-header .right {
    width: 300px;
    float: right;
    text-align: right;
}

#bnp-supports-conteneur .bnp-supports-detail .bnp-supports-header .left {
    width: calc(100% - 300px);
    float: left;
}

#bnp-supports-conteneur .bnp-indicator h3 {
    font-size: 1rem;
    color: #454545;
    font-family: 'bnp';
}

#bnp-supports-conteneur .bnp-indicator .bnp-indicator-content {
    padding: 40px 70px 0 70px;
}

#bnp-supports-conteneur .bnp-indicator .bnp-indicator-nicety {
    text-align: center;
    margin-top: 12px;
    padding: 0 24px;
    color: #a7a7a7;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

#bnp-supports-conteneur .bnp-indicator .bnp-grid-cell {
    min-height: 120px;
    text-align: center;
}

#bnp-supports-conteneur .bnp-indicator .bnp-fund-part {
    margin-bottom: 0px;
}

#bnp-supports-conteneur .bnp-indicator .bnp-fund-risk {
    display: block;
    width: 100%;
    text-align: center;
}

#bnp-supports-conteneur .bnp-indicator .bnp-fund-risk div {
    display: block;
    margin: 0 auto 6px auto;
    float: none;
    text-align: center;
}

#bnp-supports-conteneur .bnp-indicator .bnp-fund-risk > span {
    float: none;
    text-align: center;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-header {
    position: relative;
    padding-right: 20px;
    margin: 32px 2px 42px 0;
    cursor: pointer;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-header:before {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px;
    content: '\e910';
    color: #199d69;
    position: absolute;
    right: -16px;
    top: 0px;
    font-size: 0.875rem;
    line-height: 16px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-header h3 {
    display: inline-block;
    max-width: 70%;
    color: #454545;
    font-size: 1rem;
    font-family: 'bnp';
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-header span {
    display: inline-block;
    float: right;
    max-width: 30%;
    box-sizing: border-box;
    color: #a7a7a7;
    font-size: 0.8125rem;
    font-family: 'bnplight';
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-header span:nth-child(2) {
    display: none;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content {
    display: none;
    padding: 20px 0;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content h4 {
    margin-bottom: 26px;
    font-family: 'bnp';
    font-size: 1rem;
    color: #a0a0a0;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content p {
    font-size: 0.875rem;
    color: #454545;
    font-family: 'bnplight';
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content ul {
    padding: 0 0 15px 0;
    margin: 0;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content ul li {
    margin-bottom: 24px;
    font-family: 'bnp';
    color: #454545;
    font-size: 0.875rem;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content ul li span {
    font-family: 'bnplight';
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table {
    width: 100%;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td {
    padding: 0 0 14px 0;
    border-color: #fff;
    font-size: 0.875rem;
    font-family: 'bnplight';
    color: #454545;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td:nth-child(1) {
    width: 70%;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td:nth-child(2) {
    width: 20%;
    text-align: right;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td:nth-child(3) {
    width: 10%;
    text-align: right;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td a {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td a:before {
    content: '\e913';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4px;
    left: 0;
    color: #199d69;
    font-size: 1.25rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td a:hover {
    opacity: 1;
}

#bnp-supports-conteneur .bnp-seemore-case .bnp-case-content table tr td a:hover:before {
    top: 7px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case.opened .bnp-case-header:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case.opened .bnp-case-header span {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supports-conteneur .bnp-seemore-case.opened .bnp-case-header span:nth-child(2) {
    display: inline-block;
}

#bnp-supports-conteneur .bnp-seemore-case.opened .bnp-case-header span:nth-child(3) {
    display: none;
}

#bnp-supports-conteneur .bnp-alert {
    float: right;
}

#bnp-supports-conteneur .bnp-modal-close {
    z-index: 1000;
    right: 10px;
    top: -70px;
}

/*---------------------------------
 *  BNP value box
 *---------------------------------*/
.bnp-gap h3 {
    width: 200px;
    float: left;
}

.bnp-gap h4 {
    font-family: 'bnp';
    font-size: 1rem;
    color: #a0a0a0;
}

.bnp-gap .bnp-gap-selector {
    width: 324px;
    float: right;
}

.bnp-gap .bnp-gap-selector > div {
    display: inline-block;
    width: 148px;
    height: 46px;
    float: left;
    position: relative;
    margin-right: 14px;
    padding: 8px 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3f3f3;
    box-sizing: border-box;
}

.bnp-gap .bnp-gap-selector > div span {
    display: inline-block;
    margin-top: 9px;
    font-family: 'bnp';
    font-size: 1rem;
    color: #232222;
}

.bnp-gap .bnp-gap-selector > div input {
    position: absolute;
    top: 9px;
    right: 20px;
    z-index: 2;
    display: inline-block;
    width: 88px;
    padding: 0;
    margin: 0;
    font-family: 'bnplight';
    font-size: 0.8125rem;
    height: 28px;
    border: 0 none;
    background: transparent;
    cursor: pointer;
}

.bnp-gap .bnp-gap-selector > div:before {
    content: '\e91c';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 10px;
    height: 12px;
    font-size: 1rem;
    position: absolute;
    right: 18px;
    top: 16px;
    z-index: 1;
    color: #199d99;
}

.bnp-gap ul.bnp-select-init {
    width: 120px;
    height: 44px;
    float: right;
}

.bnp-gap ul.bnp-select-init li {
    width: 120px;
    height: 29px;
    font-size: 0.8125rem;
    padding: 16px 10px 0 15px;
    margin-bottom: 0;
}

.bnp-gap ul.bnp-select-init li:before,
.bnp-gap ul.bnp-select-init li:after {
    display: none !important;
}

.bnp-gap ul.bnp-select-init li.init:before {
    display: block;
    top: 11px;
    right: 5px;
    font-size: 1.625rem;
}

.bnp-gap .bnp-download {
    float: right;
}

.bnp-gap ul.bnp-select-init li:not(.init) {
    width: 95px;
}

.bnp-case-content .bnp-gap-selector {
    float: left;
    width: calc(100% - 178px);
}

.bnp-case-content .bnp-gap-selector > div {
    float: right;
}

/* Modal close */
.bnp-modal-close {
    cursor: pointer;
    width: 36px;
    height: 34px;
    position: absolute;
    top: 42px;
    right: 60px;
    z-index: 10000;
    font-size: 1.25rem;
}

.bnp-modal-close:before {
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #bbbbbb;
}

/* Modal */
.bnp-disclaimer {
    font-size: 0.875rem;
    font-family: 'bnplight';
}

#bnp-supports-conteneur.bnp-supports-modal {
    width: 1024px;
    position: absolute;
    top: 0px;
    z-index: 10000;
}

#bnp-supports-conteneur.bnp-supports-modal .bnp-overlay {
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
}

/*---------------------------------
 *  BNP Alert Filter 
 *---------------------------------*/
.bnp-alert-filter {
    text-align: right;
    margin-bottom: 20px;
}

.bnp-alert-filter .custom-checkbox-list {
    display: inline-block;
}

.bnp-alert-filter .custom-checkbox-list .custom-checkbox {
    display: inline-block;
    padding-left: 30px;
    margin-right: 16px;
    padding-top: 2px;
    font-size: 0.8125rem;
    font-family: 'bnp';
}

/*---------------------------------
 *  BNP Ability Accouts 
 *---------------------------------*/
.bnp-ability-account h2 {
    font-size: 0.875rem;
    color: #151515;
}

.bnp-ability-account .bnp-ability-section {
    background: #fff;
    margin-bottom: 20px;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry {
    padding: 20px;
    position: relative;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3 {
    font-size: 0.875rem;
    color: #151515;
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 0px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3:hover ~ .tooltip {
    display: block;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -3px;
    height: 20px;
    width: 4px;
    background: #61B08A;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3.step2:before {
    background: #F1885b;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3.step3:before {
    background: #c3455b;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .tooltip {
    display: none;
    position: absolute;
    top: -16px;
    left: -280px;
    line-height: 20px;
    overflow: initial;
    white-space: normal;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: 270px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry p {
    color: #a7a7a7;
    font-size: 0.875rem;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-more {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-more:before {
    content: '\e91d';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 10px;
    height: 12px;
    font-size: 1rem;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    color: #444;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-user {
    position: absolute;
    right: 52px;
    top: 16px;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 1px solid #444;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-user:before {
    content: '\e918';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 10px;
    height: 12px;
    font-size: 1rem;
    position: absolute;
    right: 10px;
    top: 3px;
    z-index: 1;
    color: #444;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-user.active {
    background-color: #444;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnt-user.active:before {
    color: #fff;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry:hover {
    background: #f7f7f7;
}

.bnp-ability-account .bnp-ability-section .bnp-ability-entry .bnp-penpal-factor {
    position: absolute;
    top: 20px;
    right: 40px;
}

.bnp-ability-account .bnp-button {
    width: 100%;
    box-sizing: border-box;
}

/*---------------------------------
 *  BNP Error page 
 *---------------------------------*/
#bnp-error-section {
    text-align: center;
    padding: 50px 0;
    min-height: calc((100vh - 326px));
}

#bnp-error-section h2 {
    font-size: 6em;
}

#bnp-error-section > img {
    width: 220px;
    margin-bottom: 30px;
}

#bnp-error-section p {
    margin-bottom: 30px;
}

/*---------------------------------
*  BNP contentType page 
*---------------------------------*/
#bnp-type-section {
    text-align: left;
    padding: 30px 20px;
    margin: 30px 0;
    background: #fff;
    font-size: 1rem;
}

#bnp-type-section h1 {
    background: #0d864f;
    color: #fff;
    font-family: 'bnplight';
    font-size: 2rem;
    padding: 8px 12px;
    margin-bottom: 30px;
}

#bnp-type-section h2 {
    color: #0d864f;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#bnp-type-section h3 {
    color: #0d864f;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#bnp-type-section a {
    color: #0d864f;
}

#bnp-type-section > img {
    width: 220px;
    margin-bottom: 30px;
}

#bnp-type-section p {
    margin-bottom: 16px;
    color: #444;
    margin-top: 16px;
    font-size: 0.87rem;
}

#bnp-type-section ol,
#bnp-type-section ul {
    list-style-position: inside;
    line-height: 20px;
}

#bnp-type-section ol li,
#bnp-type-section ul li {
    margin-bottom: 6px;
    font-size: 0.87rem;
}

#bnp-type-section strong {
    line-height: 26px;
}

#bnp-type-section .bnp-button {
    width: 100%;
    text-align: center;
    padding: 16px 10px;
    box-sizing: border-box;
}

.bnp-information-note {
    background: #0d864f;
    margin-bottom: 30px;
    color: #fff;
    padding: 10px 20px 10px 60px;
    font-size: 0.82rem;
    position: relative;
}

.bnp-information-note::before {
    position: absolute;
    top: calc((50% - 10px));
    left: 15px;
    color: #fff;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e916';
    font-size: 22px;
}

.bnp-type-validator {
    margin-top: 20px;
    text-align: left;
}

/*---------------------------------
 *  BNP Number
 *---------------------------------*/
.bnp-number {
    display: inline-block;
}

/*---------------------------------
  *  Block spliter 
  *---------------------------------*/
/* spliter */
.bnp-block-spliter {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    margin: 30px -20px 0 -20px;
    height: 4px;
    text-align: center;
    background: #199d69;
}

.bnp-block-spliter span {
    display: inline-block;
    position: relative;
    background: #199d69;
    color: #fff;
    padding: 5px 12px 4px 34px;
    top: -10px;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

.bnp-block-spliter span:before {
    position: absolute;
    top: 0px;
    left: 2px;
    content: '\e910';
    height: 16px;
    width: 20px;
    padding: 4px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.875rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-block-spliter span:nth-child(2) {
    display: none;
}

.active.bnp-block-spliter span:before {
    top: -3px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.active.bnp-block-spliter span:nth-child(1) {
    display: none;
}

.active.bnp-block-spliter span:nth-child(2) {
    display: inline-block;
}

/*---------------------------------
  *  Search Result 
	*---------------------------------*/
/* Search Header */
.bnp-search-header {
    margin-bottom: 20px;
}

.bnp-search-header p {
    font-family: 'bnplight';
}

/**/
.bnp-search-input {
    margin-bottom: 10px;
}

.bnp-search-input input {
    display: inline-block;
    width: calc((100% - 46px));
    height: 46px;
    margin: 0;
    border: 0 none;
    background: #fff;
    color: #151515;
    font-size: 1.125rem;
    font-family: 'bnplight';
    box-sizing: border-box;
    float: left;
}

.bnp-search-input a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #199d69;
    float: left;
    position: relative;
}

.bnp-search-input a:before {
    position: absolute;
    top: 15px;
    left: 14px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.25rem;
}

/**/
.bnp-search-counter {
    margin-bottom: 36px;
    position: relative;
    padding-left: 26px;
}

.bnp-search-counter span {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 2px;
    padding: 4px 6px 3px 6px;
    line-height: 10px;
    color: #fff;
    font-size: 0.625rem;
    background: #ff6600;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/**/
.bnp-search-section {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 36px;
}

.bnp-search-section .bnp-search-header {
    padding: 12px 48px 12px 14px;
    position: relative;
    border-bottom: 1px solid #cccccc;
}

.bnp-search-section .bnp-search-header h2 {
    font-size: 1.125rem;
    margin-bottom: 0;
}

.bnp-search-section .bnp-search-header h2 span {
    color: #199d69;
}

.bnp-search-section .bnp-search-header .count {
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 14px;
    padding: 4px 6px 3px 6px;
    line-height: 10px;
    color: #fff;
    font-size: 0.625rem;
    background: #ff6600;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bnp-search-section .bnp-search-entry {
    padding: 24px 22px;
    border-bottom: 1px solid #cccccc;
}

.bnp-search-section .bnp-search-entry figure {
    float: right;
    width: 170px;
    margin: 0 0 20px 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.bnp-search-section .bnp-search-entry figure img {
    width: 100%;
}

.bnp-search-section .bnp-search-entry h3 {
    color: #151515;
    font-size: 1rem;
    margin-bottom: 14px;
}

.bnp-search-section .bnp-search-entry .date {
    color: #b0b0b0;
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.bnp-search-section .bnp-search-entry p {
    color: #151515;
    font-family: 'bnplight';
    font-size: 1rem;
}

.bnp-search-section .bnp-search-entry a {
    font-size: 1rem;
    color: #5dc66a;
    font-weight: 800;
}

.bnp-search-section .bnp-search-table {
    color: #b0b0b0;
    font-size: 0.875rem;
}

.bnp-search-section .bnp-search-table span {
    display: inline-block;
    background: #d9f0e7;
    border-top: 3px solid #d9f0e7;
    margin-top: -4px;
}

.bnp-search-section .bnp-search-table .bnp-grid-gutter {
    margin-bottom: 10px;
}

/*---------------------------------
  * Subscription
  *---------------------------------*/
.bnp-manage-subscription .bnp-subscription-header p {
    font-family: 'bnplight';
}

.bnp-manage-subscription .bnp-subscription-tools {
    text-align: right;
}

.bnp-manage-subscription .bnp-subscription-tools a {
    color: #151515;
    font-size: 0.8125rem;
    position: relative;
    display: inline-block;
    padding-left: 35px;
    margin-left: 10px;
    cursor: pointer;
    border-left: 1px solid #b0b0b0;
}

.bnp-manage-subscription .bnp-subscription-tools a:before {
    position: absolute;
    top: -3px;
    left: 0;
    content: '\e900';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    font-size: 0.9375rem;
    margin-left: 12px;
}

.bnp-manage-subscription .bnp-subscription-tools a.type2:before {
    content: '\e926';
}

.bnp-manage-subscription .bnp-subscription-tools a:hover:before {
    color: #151515;
}

.bnp-manage-subscription .bnp-subscription-tools a:first-child {
    border: 0 none;
}

.bnp-manage-subscription .bnp-subscription-section > h2 {
    color: #151515;
    font-size: 0.875rem;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry {
    position: relative;
    background: #fff;
    margin-bottom: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    min-height: 100px;
    box-sizing: border-box;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry h2 {
    font-size: 1.125rem;
    color: #151515;
    margin-right: 32px;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry h2:before {
    content: '';
    height: 20px;
    width: 4px;
    background: #444;
    position: absolute;
    left: 0px;
    top: 17px;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-bell {
    position: absolute;
    top: 20px;
    right: 32px;
    cursor: pointer;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-bell:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\e900';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 1.25rem;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-bell.active:before,
.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-bell:hover:before {
    content: '\e926';
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-mail {
    font-size: 0.875rem;
    color: #a7a7a7;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry .bnp-mail span {
    margin-right: 5px;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry.type1 h2:before {
    background: #0cc6de;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry.type2 h2:before {
    background: #a33a71;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry.type3 h2:before {
    background: #ff7200;
}

.bnp-manage-subscription .bnp-subscription-section .bnp-subscription-entry.type4 h2:before {
    background: #57b33e;
}

/*---------------------------------
  * Contacts
  *---------------------------------*/
.bnp-manage-contact .bnp-contact-header p {
    font-family: 'bnplight';
}

.bnp-manage-contact .bnp-contact-tools {
    text-align: right;
}

.bnp-manage-contact .bnp-contact-tools a {
    color: #151515;
    font-size: 0.8125rem;
    position: relative;
    display: inline-block;
    padding-left: 35px;
    margin-left: 10px;
    cursor: pointer;
    border-left: 1px solid #b0b0b0;
}

.bnp-manage-contact .bnp-contact-tools a:before {
    position: absolute;
    top: -3px;
    left: 0;
    content: '\e900';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    font-size: 0.9375rem;
    margin-left: 12px;
}

.bnp-manage-contact .bnp-contact-tools a.type2:before {
    content: '\e926';
}

.bnp-manage-contact .bnp-contact-tools a:hover:before {
    color: #151515;
}

.bnp-manage-contact .bnp-contact-tools a:first-child {
    border: 0 none;
}

.bnp-manage-contact .bnp-contact-section > h2 {
    color: #151515;
    font-size: 0.875rem;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry {
    position: relative;
    background: #fff;
    margin-bottom: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    min-height: 100px;
    box-sizing: border-box;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry h2 {
    font-size: 1.125rem;
    color: #151515;
    margin-right: 32px;
    margin-bottom: 5px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry h2:before {
    content: '';
    height: 34px;
    width: 4px;
    background: #444;
    position: absolute;
    left: 0px;
    top: 20px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry h3 {
    font-size: 0.875rem;
    color: #b0b0b0;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry p {
    color: #151515;
    font-family: 'bnplight';
    min-height: 90px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry .bnp-mail a {
    font-size: 0.875rem;
    color: #68cd75;
    text-decoration: underline;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry .bnp-mail span {
    position: relative;
    display: inline-block;
    width: 20px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry .bnp-mail span:before {
    position: absolute;
    top: -2px;
    left: 0;
    content: '\e908';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #68cd75;
    font-size: 1.125rem;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry.type1 h2:before {
    background: #0cc6de;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry.type2 h2:before {
    background: #a33a71;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry.type3 h2:before {
    background: #ff7200;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry.type4 h2:before {
    background: #57b33e;
}

/* bnp-block-infoflash */
.bnp-block-infoflash {
    position: relative;
    padding-left: 80px;
    display: table;
}

.bnp-block-infoflash:before {
    position: absolute;
    top: 13px;
    left: 20px;
    content: '\e907';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ddd;
    font-size: 2.125rem;
}

.bnp-block-infoflash p {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    color: #bbb;
}

/* bnp iframe */
.bnp-iframe {
    min-height: 500px;
    background: #fff;
    margin-bottom: 30px;
}

.bnp-anchor a {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

/*Contact Page */
#bnp-contact-help {
    background: url('../../images/bnp-contact-help.png') no-repeat top center;
    background-size: cover;
    min-height: calc(100vh - 170px);
    padding-bottom: 30px;
}

#bnp-contact-help .bnp-help-section {
    padding: 30px 0;
    margin: 0 -15px;
    text-align: center;
}

#bnp-contact-help .bnp-help-section h2 {
    color: #151515;
    font-size: 1.625rem;
    font-family: 'bnpbold';
    text-align: center;
    margin-bottom: 30px;
}

#bnp-contact-help .bnp-help-section .bnp-button {
    display: inline-block;
    margin: 0 15px 30px 15px;
    padding: 20px 12px;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    width: calc((100% / 3) - 60px);
    color: #333333;
    background: #fff;
}

#bnp-contact-help .bnp-help-section .bnp-button.active {
    color: #fff;
    background: #199d69;
}

#bnp-contact-help .bnp-help-result {
    padding: 30px 0;
    background: #fff;
}

#bnp-contact-help .bnp-help-result .bnp-entry {
    text-align: center;
}

#bnp-contact-help .bnp-help-result .bnp-entry:first-child {
    border-left: 1px solid #DEDEDE;
}

#bnp-contact-help .bnp-help-result .bnp-entry img {
    margin-bottom: 30px;
}

#bnp-contact-help .bnp-help-result .bnp-entry h2 {
    color: #199D69;
    font-size: 1.125rem;
    font-family: 'bnpbold';
    text-transform: uppercase;
    margin-bottom: 30px;
}

#bnp-contact-help .bnp-help-result .bnp-entry p {
    margin-bottom: 30px;
}

#bnp-contact-help .bnp-help-result .bnp-entry .bnp-button {
    padding-left: 20px;
    padding-right: 20px;
}

#bnp-contact-help .bnp-help-result .bnp-call-center {
    width: 220px;
    border: 1px solid #9A9A9A;
    border-radius: 2px;
    height: 41px;
    margin: 0 auto;
}

#bnp-contact-help .bnp-help-result .bnp-call-center:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-contact-help .bnp-help-result .bnp-call-center .tel {
    display: block;
    width: 120px;
    float: left;
    font-size: 0.875rem;
    color: #9a9a9a;
    position: relative;
    box-sizing: border-box;
    padding: 13px 8px;
}

#bnp-contact-help .bnp-help-result .bnp-call-center .tel:before {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: -5px;
}

#bnp-contact-help .bnp-help-result .bnp-call-center .text {
    display: block;
    line-height: 12px;
    height: 42px;
    padding: 8px 16px;
    text-align: center;
    width: 100px;
    float: left;
    background: #9A9A9A;
    color: #fff;
    font-size: 0.625rem;
    box-sizing: border-box;
}

#bnp-contact-help .bnp-help-result .bnp-detail {
    padding: 0 30px;
}

#bnp-contact-help .bnp-help-result .bnp-detail h2 {
    color: #151515;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 1.625rem;
    font-family: 'bnpbold';
}

#bnp-contact-help .bnp-help-result .bnp-detail h3 {
    color: #199D69;
    font-size: 1rem;
}

#bnp-contact-help .bnp-help-result .bnp-detail p {
    font-family: 'bnplight';
}

#bnp-contact-help .bnp-help-result .bnp-detail a {
    color: #199D69;
    text-decoration: none;
}

.bnp-history-back a {
    color: #333333;
    font-size: 0.875rem;
    display: block;
    padding: 30px 0;
}

.bnp-history-back a:before {
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-right: 20px;
    color: #199D69;
}

/*---------------------------------
  * Subscription
  *---------------------------------*/
.bnp-gestionfi .bnp-gestionfi-header {
    margin-bottom: 24px;
}

.bnp-gestionfi .bnp-gestionfi-header p {
    font-family: 'bnplight';
}

.bnp-gestionfi #bnp-search-header input {
    width: calc((100% - 49px));
    height: 46px;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

.bnp-gestionfi #bnp-search-header > a {
    display: block;
    width: 48px;
    height: 45px;
    position: relative;
    float: left;
    background: #3fb387;
}

.bnp-gestionfi #bnp-search-header > a:before {
    position: absolute;
    top: 16px;
    right: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-fund-grid {
    margin-top: 24px;
}

.bnp-fund-grid .bnp-fund-entry {
    width: calc((50% - 12px));
    float: left;
}

.bnp-fund-grid .bnp-fund-entry:nth-child(odd) {
    margin-right: 24px;
}

.bnp-Synthese {
    color: #fff;
    background: #199d69;
    padding: 28px;
    margin-bottom: 24px;
}

.bnp-Synthese h2 {
    font-family: 'bnpbold';
    font-size: 0.875rem;
    color: #fff;
}

.bnp-Synthese p {
    display: inline-block;
    width: calc((100% - 200px));
    font-size: 1.125rem;
    font-family: 'bnplight';
    color: #fff;
}

.bnp-Synthese > a {
    display: inline-block;
    float: right;
    min-width: 150px;
    text-align: center;
    color: #fff;
    font-size: 0.9375rem;
    border: 2px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 14px 4px;
}

/* Pagination */
.bnp-pager {
    margin: 24px 0;
}

.bnp-pager .pagination-container .pagination li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 4px;
    padding: 5px 8px 4px 8px;
}

.bnp-pager .pagination-container .pagination li.active {
    background: #199d69;
    color: #fff;
}

/* Fund tools :sort & filter */
#bnp-fund-tools h3 {
    color: #151515;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 14px;
}

#bnp-fund-tools .bnp-fund-tools-reset {
    display: block;
    color: #3fb387;
    padding: 14px 8px;
    text-align: center;
    background: #fff;
    margin-bottom: 24px;
}

#bnp-fund-tools #bnp-company-filter {
    width: 100%;
    float: none;
    box-sizing: border-box;
}

/**/
.bnp-fund-filtre {
    background: #3fb387;
    color: #fff;
    margin-bottom: 24px;
}

.bnp-fund-filtre h2 {
    position: relative;
    color: #fff;
    padding: 20px 35px 20px 20px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 0.875rem;
}

.bnp-fund-filtre h2:before {
    position: absolute;
    top: 20px;
    right: 15px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-fund-filtre h2.active:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.bnp-fund-filtre ul {
    display: none;
}

.bnp-fund-filtre ul li {
    position: relative;
    color: #fff;
    padding: 20px 35px 20px 20px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 0.875rem;
    border-top: 1px solid #fff;
}

.bnp-fund-filtre ul li:before {
    position: absolute;
    top: 20px;
    right: 15px;
    content: '\e931';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.info span {
    color: #fff !important;
    text-align: left;
}

.info span a {
    color: #65b65a;
}

/*---------------------------------
  * Doclist
  *---------------------------------*/
.bnp-doclist {
    padding-bottom: 100px;
    /* Navigation */
    /* Nav */
}

.bnp-doclist .bnp-doclist-header {
    margin-bottom: 24px;
}

.bnp-doclist .bnp-doclist-header p {
    font-family: 'bnplight';
}

.bnp-doclist h3 {
    font-size: 0.875rem;
    color: #151515;
}

.bnp-doclist .bnp-doc-nav {
    margin-bottom: 26px;
}

.bnp-doclist .bnp-doc-nav ul li {
    position: relative;
    padding-right: 6px;
    display: inline-block;
    background: #fff;
    color: #151515;
    margin-right: 20px;
}

.bnp-doclist .bnp-doc-nav ul li a {
    color: #151515;
    padding: 20px 5px 20px 20px;
    display: inline-block;
}

.bnp-doclist .bnp-doc-nav ul li .alert {
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

.bnp-doclist .bnp-doc-nav ul li .alert:before {
    content: '\e926';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-doclist .bnp-doc-nav ul li .mail {
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

.bnp-doclist .bnp-doc-nav ul li .mail:before {
    content: '\e908';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 0.875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-doclist .bnp-doc-nav ul li:hover,
.bnp-doclist .bnp-doc-nav ul li.active {
    background: #199d69;
}

.bnp-doclist .bnp-doc-nav ul li:hover a,
.bnp-doclist .bnp-doc-nav ul li.active a {
    color: #fff;
}

.bnp-doclist .bnp-doc-nav ul li:hover span:before,
.bnp-doclist .bnp-doc-nav ul li.active span:before {
    color: #fff;
}

.bnp-doclist .bnp-doc-nav ul li.active:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: calc((50% - 8px));
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: #199d69;
}

.bnp-doc-entry {
    display: block;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 16px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.bnp-doc-entry figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.bnp-doc-entry figure img {
    width: 100%;
}

.bnp-doc-entry figure figcaption {
    position: absolute;
    z-index: 100;
    top: 90px;
    left: 114px;
    padding: 14px 14px 12px 14px;
    color: #fff;
    background: #0d864f;
}

.bnp-doc-entry .content {
    padding: 28px 18px 18px 28px;
}

.bnp-doc-entry h2 {
    font-size: 1.125rem;
    color: #151515;
}

.bnp-doc-entry:hover {
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

/*---------------------------------
  * Gestion Group 
	*---------------------------------*/
#bnp-gestion-group {
    margin: 28px 0;
    padding: 32px 22px;
    background: #fff;
}

#bnp-gestion-group h2 {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 40px;
}

#bnp-gestion-group .bnp-gestion-table .bnp-gestion-header {
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 22px;
}

#bnp-gestion-group .bnp-gestion-table .bnp-gestion-entry {
    padding: 28px 0;
    margin-bottom: 0px;
    border-top: 1px solid #ddd;
}

#bnp-gestion-group .bnp-gestion-table .bnp-gestion-entry .bnp-grid-gutter {
    margin-bottom: 8px;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

.bnp-gestion-button {
    text-align: right;
}

/*---------------------------------
  * Brainnet content 
	*---------------------------------*/
#bnp-braineet {
    min-height: calc((100vh - 316px));
    padding: 46px;
    background: url('../../images/braineet.png') no-repeat;
    background-size: cover;
    /* Braineet Acceil */
    /* Content*/
}

#bnp-braineet #bnp-braineet-accueil {
    margin: 40px 0;
    background: #fff;
    text-align: center;
    padding: 36px;
}

#bnp-braineet #bnp-braineet-accueil .bnp-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 22px;
}

#bnp-braineet #bnp-braineet-accueil .bnp-logo img {
    width: 184px;
}

#bnp-braineet #bnp-braineet-accueil hr {
    width: 120px;
    margin: 2px auto 30px auto;
}

#bnp-braineet #bnp-braineet-accueil h2 {
    font-size: 1.125rem;
    line-height: 24px;
    margin-bottom: 32px;
}

#bnp-braineet #bnp-braineet-accueil .bnp-button {
    margin-bottom: 32px;
    min-width: 250px;
}

#bnp-braineet #bnp-braineet-accueil p {
    font-size: 0.875rem;
    color: #838383;
}

#bnp-braineet #bnp-braineet-accueil ul {
    margin-top: 34px;
}

#bnp-braineet #bnp-braineet-accueil ul li {
    color: #a6a6a6;
    display: inline-block;
}

#bnp-braineet #bnp-braineet-accueil ul li:before {
    content: ' | ';
    display: inline-block;
    margin: 0 6px;
    font-family: 'bnplight';
}

#bnp-braineet #bnp-braineet-accueil ul li:first-child::before {
    display: none;
}

#bnp-braineet #bnp-braineet-accueil ul li a {
    font-family: 'bnplight';
    font-size: 0.8125rem;
    color: #a6a6a6;
}

#bnp-braineet #bnp-braineet-accueil ul:after {
    content: '';
    display: table;
    clear: both;
}

#bnp-braineet .bnp-section {
    width: 1440px;
}

#bnp-braineet #bnp-braineet-content iframe {
    width: 100%;
}

#bnp-braineet #bnp-braineet-content {
    padding: 46px 0px;
    background: #fff;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-header {
    margin-bottom: 22px;
    border-bottom: 1px solid #e0e0e0;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-header h2 {
    font-size: 1.75rem;
    color: #151515;
    text-align: center;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-header p {
    font-size: 1.25rem;
    font-family: 'bnplight';
    color: #151515;
    text-align: center;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-profile {
    margin-bottom: 22px;
    font-size: 1.125rem;
    color: #151515;
    text-align: left;
    font-size: 1rem;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-profile h3 {
    color: #c2c2c2;
    font-family: 'bnplight';
    font-size: 1rem;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-profile .bnp-grid-gutter {
    margin-bottom: 12px;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-detail h2 {
    color: #fff;
    background: #0d864f;
    font-size: 1.125rem;
    padding: 8px 15px 4px 16px;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-detail p {
    color: #151515;
    font-family: 'bnplight';
    font-size: 1rem;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-footer {
    padding-left: 50px;
    position: relative;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-footer p {
    display: inline-block;
    color: #151515;
    font-family: 'bnplight';
    font-size: 0.875rem;
    padding-top: 10px;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-footer .bnp-radio-cheker {
    position: absolute;
    top: 15px;
    left: 0;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-footer .bnp-button {
    float: right;
    min-width: 150px;
    background: #e0e0e0;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    cursor: not-allowed;
}

#bnp-braineet #bnp-braineet-content .bnp-braineet-footer.active .bnp-button {
    background: #199d69;
    cursor: pointer;
}

/*---------------------------------
* Salaried
*---------------------------------*/
.bnp-salaried-entry {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    min-height: 350px;
    box-sizing: border-box;
}

.bnp-salaried-entry h2 {
    font-size: 1rem;
    color: #151515;
    font-family: 'bnpbold';
}

.bnp-salaried-entry h3 {
    font-size: 0.875rem;
    color: #8b8b8b;
}

.bnp-salaried-entry ul {
    padding: 20px 0;
}

.bnp-salaried-entry ul li {
    font-size: 1rem;
    color: #151515;
    margin-bottom: 14px;
}

.bnp-salaried-entry ul li span {
    display: inline-block;
    width: 120px;
    margin-right: 12px;
    text-align: right;
    font-size: 0.875rem;
    color: #8b8b8b;
}

.bnp-salaried-entry .bnp-salaried-tools {
    margin: 0 0 20px 0;
}

.bnp-salaried-entry .bnp-salaried-tools div {
    display: inline-block;
}

.bnp-salaried-entry .bnp-salaried-tools .account {
    margin-right: 10px;
    color: #fff;
    font-size: 1rem;
    font-family: 'bnplight';
    padding: 4px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0bcde2;
}

.bnp-salaried-entry .bnp-salaried-tools .account.type2 {
    background: #ff7200;
}

.bnp-salaried-entry .bnp-salaried-tools .present {
    margin-right: 10px;
    font-size: 1rem;
    color: #151515;
    font-family: 'bnpbold';
    display: inline-block;
}

.bnp-salaried-entry .bnp-salaried-tools .present span {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #68cd75;
}

.bnp-salaried-entry .bnp-salaried-tools .present.type2 span {
    background: #ff7200;
}

.bnp-salaried-entry .bnp-salaried-tools .affiliate {
    font-size: 0.875rem;
    color: #8b8b8b;
    margin: 0 20px 0 0;
}

.bnp-salaried-entry .bnp-salaried-tools .affiliate span {
    color: #151515;
}

.bnp-salaried-entry .bnp-salaried-tools .state {
    margin-right: 20px;
    font-size: 0.875rem;
    color: #8b8b8b;
}

.bnp-salaried-entry .bnp-salaried-tools .sum {
    margin-right: 10px;
    font-size: 1rem;
    color: #151515;
}

.bnp-salaried-entry .bnp-salaried-button {
    padding-left: 42px;
    position: relative;
}

.bnp-salaried-entry .bnp-salaried-button:before {
    position: absolute;
    top: 8px;
    left: 6px;
    padding: 5px;
    content: '\e937';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.5rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*---------------------------------
*  BTN Radio  
*---------------------------------*/
.bnp-radio-group {
    text-align: left;
    background: #f7f7f7;
    padding: 20px 20px 1px 20px;
}

.bnp-radio-group .container-radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin: 0 6px 22px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bnp-radio-group .container-radio input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
}

.bnp-radio-group .container-radio .label {
    font-size: 1rem;
    color: #6D6D6D;
    font-family: 'bnplight';
}

.bnp-radio-group .container-radio * {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.bnp-radio-group .container-radio input:checked ~ .checkmark {
    border-color: #199d69;
}

.bnp-radio-group .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background-color: #ffffff;
}

.bnp-radio-group .checkmark:after {
    display: none;
    position: absolute;
    content: '';
}

.bnp-radio-group .container-radio input:checked ~ .checkmark:after {
    display: block;
}

.bnp-radio-group .container-radio input:checked ~ .label {
    color: #199d69;
}

.bnp-radio-group .container-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #199d69;
}

/*---------------------------------
*  Support Table 
*---------------------------------*/
.bnp-support-table .bnp-support-table-header {
    text-align: center;
    margin-bottom: 20px;
    font-size: 0.875rem;
    font-family: 'bnplight';
}

.bnp-support-table .bnp-support-table-header .bnp-grid-cell:first-child {
    text-align: left;
}

.bnp-support-table .bnp-support-table-content .bnp-grid-cell:first-child {
    text-align: left;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry {
    text-align: center;
    border-top: 1px solid #ddd;
    font-size: 0.875rem;
    padding-top: 20px;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fund-part span {
    font-size: 0.9375rem;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fonds-legend-rate {
    width: 120px;
    position: relative;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fonds-legend-rate .bnp-rate {
    display: inline-block;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fonds-legend-rate > span {
    font-size: 0.9375rem;
    position: absolute;
    top: 0;
    right: 0;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fonds-legend-rate .bnp-fonds-legend-rate > span {
    font-size: 1rem;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fund-part span.up:before {
    top: -1px;
    right: -1px;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fund-part span.up:after {
    top: 5px;
    font-size: 1.625rem;
}

.bnp-support-table .bnp-support-table-content .bnp-support-table-entry .bnp-fund-part span.down:after {
    top: 5px;
}

/*---------------------------------
 *  simile  
*---------------------------------*/
#bnp-simile {
    width: 100%;
    z-index: 1000;
    margin: 40px 0;
    /* Addons */
    /* Active scroll */
    /* Addons */
    /* Dev Addons  
    #funds-comparator-header{width:calc( ~"(100%  - 160px");}
	*/
    /* Modal */
}

#bnp-simile .bnp-modal-close {
    z-index: 100;
}

#bnp-simile .bnp-section {
    position: relative;
    background: #fff;
    padding: 60px 40px;
}

#bnp-simile h2 {
    margin-bottom: 65px;
    font-size: 1.75rem;
    font-family: 'bnpbold';
    color: #454545;
}

#bnp-simile h3 {
    font-family: 'bnpbold';
    font-size: 1rem;
    color: #454545;
}

#bnp-simile #bnp-simile-header {
    margin-bottom: 12px;
}

#bnp-simile #bnp-simile-header .bnp-simile-cell {
    position: relative;
    width: calc((100% - 206px) / 4);
    float: left;
    height: 120px;
    font-size: 0.875rem;
    font-weight: lighter;
    line-height: 16px;
    padding: 39px 15px 0 15px;
    color: #fff;
    text-align: center;
    border-left: 1px solid #fff;
    background-color: #199d69;
    box-sizing: border-box;
}

#bnp-simile #bnp-simile-header .bnp-simile-cell:first-child {
    width: 206px !important;
}

#bnp-simile #bnp-simile-header .bnp-simile-cell .bnp-close-cell {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 1.125rem;
    opacity: 0.9;
}

#bnp-simile #bnp-simile-header .bnp-simile-cell .bnp-close-cell:before {
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 10px;
}

#bnp-simile #bnp-simile-header #funds-comparator-header {
    width: calc(100% - 160px);
    float: left;
}

#bnp-simile .bnp-simile-case {
    margin-bottom: 30px;
    border-top: 2px solid #199d69;
}

#bnp-simile .bnp-simile-case .bnp-simile-entry .bnp-simile-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'bnplight';
    font-size: 0.875rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    line-height: 20px;
    color: #454545;
    padding: 4px 14px;
    float: left;
    width: calc((100% - 206px) / 4);
    height: 64px;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

#bnp-simile .bnp-simile-case .bnp-simile-entry .bnp-simile-cell:first-child {
    width: 206px !important;
}

#bnp-simile .bnp-simile-case .bnp-simile-entry > .bnp-simile-cell {
    border-left: none;
    padding-left: 0;
    font-family: 'bnp';
    font-size: 1rem;
    color: #a0a0a0;
}

#bnp-simile .bnp-simile-case .bnp-simile-entry .bnp-simile-repeter {
    width: calc(100% - 160px);
    float: left;
}

#bnp-simile .bnp-fund-part,
#bnp-simile .bnp-fund-currency {
    width: auto;
    font-family: 'bnp';
    margin-bottom: 0;
}

#bnp-simile .bnp-fund-part span,
#bnp-simile .bnp-fund-currency span {
    font-size: 0.875rem;
}

#bnp-simile .bnp-fund-part span:before,
#bnp-simile .bnp-fund-currency span:before {
    top: 0px;
    right: -4px;
}

#bnp-simile .bnp-fund-part span:after,
#bnp-simile .bnp-fund-currency span:after {
    top: 9px;
    font-size: 1.5rem;
}

#bnp-simile .bnp-fund-risk {
    width: auto;
}

#bnp-simile .bnp-fund-risk > span {
    padding-top: 5px;
    font-size: 1.125rem;
}

#bnp-simile .bnp-fund-risk > span:before {
    top: 4px;
}

#bnp-simile .bnp-button {
    float: right;
    margin: 0 0 0 20px;
    border: 2px solid #199d69;
}

#bnp-simile.active > h2 {
    padding-bottom: 140px;
}

#bnp-simile.active #bnp-simile-header {
    position: fixed;
    top: 0;
    z-index: 100;
}

#bnp-simile .bnp-fonds-legend-rate .bnp-rate {
    display: inline-block;
    margin: 0 5px 0 0;
}

#bnp-simile.bnp-modal .bnp-section {
    position: relative;
    left: 0;
    top: 0;
}

/*---------------------------------
 *  Promote Login page   
*---------------------------------*/
#bnp-promote-login .bnp-form-title {
    color: #151515;
    font-size: 1.375rem;
    margin: 0px 0 38px 62px;
}

#bnp-promote-login .bnp-header-line,
#bnp-promote-login .bnp-form-footer {
    width: 380px;
    margin: 0 auto 30px auto;
}

#bnp-promote-login #bnp-promote-content {
    min-height: calc(100vh - 10px);
    color: #fff;
    padding: 120px 50px;
    box-sizing: border-box;
    background-image: linear-gradient(to right bottom, #199d69, #2ca76a, #3db26b, #4dbc6b, #5dc66a);
}

#bnp-promote-login #bnp-promote-content h2 {
    font-size: 0.875rem;
    color: #fff;
    margin-bottom: 30px;
}

#bnp-promote-login #bnp-promote-content .bnp-entry {
    margin-bottom: 20px;
}

#bnp-promote-login #bnp-promote-content .bnp-entry h3 {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
}

#bnp-promote-login #bnp-promote-content .bnp-entry figure {
    width: 38px;
    height: 38px;
    padding: 9px 5px 1px 5px;
    float: left;
    margin: 0 12px 12px 0;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

#bnp-promote-login #bnp-promote-content .bnp-entry figure img {
    width: 26px;
}

#bnp-promote-login #bnp-promote-content .bnp-entry p {
    font-size: 0.875rem;
    padding-top: 6px;
}

#bnp-promote-login #bnp-promote-content .bnp-entry:after {
    content: '';
    display: table;
    clear: both;
}

/* Frame section */
.bnp-iframe-section .bnp-section {
    width: 1440px;
    max-width: 100%;
}

.bnp-ratio.bnp-ratio-pact {
    display: block;
    padding-bottom: 20px;
}

.bnp-ratio.bnp-ratio-pact h2 {
    font-size: 1.125rem;
    margin: 20px 0;
}

.bnp-ratio.bnp-ratio-pact .bnp-accordion .bnp-accordion-entry .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child {
    padding-left: 14px;
}

/* Modal Compte  */
.bnp-tableset-filter .bnp-entry-cell {
    padding-right: 40px;
}

/* Compte Creation Page */
#bnp-login-page.bnp-compte-creation-page {
    background-image: linear-gradient(to right bottom, #199d69, #2ca76a, #3db26b, #4dbc6b, #5dc66a);
    background-size: auto 100%;
}

#bnp-login-page.bnp-compte-creation-page #bnp-login-presentation .bnp-video {
    background: none;
}

#bnp-login-page.bnp-compte-creation-page .bnp-form-section {
    padding-bottom: 30px;
}

#bnp-login-page.bnp-compte-creation-page .bnp-promote-content {
    max-width: 600px;
    margin: 0 auto;
}

#bnp-login-page.bnp-compte-creation-page #bnp-promote-login #bnp-promote-content {
    background: none;
}

/* Addons Dev */
body #bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-button {
    color: #fff;
}

body .bnp-report-section header .bnp-legende {
    float: right;
    position: relative;
    z-index: 100;
}

body .bnp-doclist .bnp-doc-nav ul li a {
    padding: 20px 20px 20px 20px;
}

body .bnp-report-content .bnp-report-legende span {
    position: absolute;
    top: 0;
    left: 0;
}

body .bnp-report-section.bnp-recast .bnp-report-legende {
    position: relative;
    padding-left: 12px;
}

/* info bulle */
.bnp-info-bulle {
    position: relative;
}

.bnp-info-bulle .bnp-bulle-detail {
    display: none;
    position: absolute;
    max-width: 220px;
    z-index: 2;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    top: -32px;
    left: 20px;
    background: #f7f7f7;
    padding: 4px;
}

.bnp-info-bulle .bnp-bulle-detail:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    z-index: 1;
    background: #f7f7f7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    bottom: -4px;
    left: 20px;
}

.bnp-info-bulle:hover .bnp-bulle-detail {
    display: block;
}

/* Language Entry */
.bnp-language-entry {
    margin-bottom: 20px;
}

.bnp-language-entry:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-language-entry a {
    color: #151515;
}

.bnp-language-entry img {
    float: left;
    width: 23px;
    margin-right: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bnp-language-entry span {
    font-size: 0.75rem;
    font-family: 'bnplight';
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		Page Support de placement 
	\\\\\\\\\\\\\\\\////////////////
*************************************/
.bnp-supp-placement .highcharts-legend {
    display: block;
}

#bnp-supp-tools {
    margin-bottom: 24px;
}

#bnp-supp-tools h1 {
    font-family: "bnpbold";
    font-size: 1.5rem;
    color: #151515;
    float: left;
    margin: 9px 0 0;
}

#bnp-supp-tools #bnp-tools-compare .bnp-compare-button {
    background: #00915A;
    border-radius: 2px;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    padding: 15px 20px 13px 20px;
    float: right;
    margin-right: 24px;
    border: 1px solid #00915A;
}

#bnp-supp-tools #bnp-tools-compare .bnp-compare-button:first-child {
    margin-right: 0;
}

#bnp-supp-tools #bnp-tools-compare .bnp-compare-button.white {
    background: initial;
    color: #00915A;
}

#bnp-supp-tools #bnp-tools-compare .bnp-compare-button#bnp-compare-reset {
    display: none;
}

#bnp-supp-tools #bnp-tools-compare:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

#bnp-supp-tools #bnp-tools-compare.active .bnp-compare-button#bnp-compare-reset {
    display: block;
}

#bnp-supp-tools:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

#bnp-supp-filter #bnp-filter-search,
#bnp-supp-filter .bnp-filter-search {
    width: 75%;
    float: left;
    border-radius: 2px;
    margin-right: 24px;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

#bnp-supp-filter #bnp-filter-search input,
#bnp-supp-filter .bnp-filter-search input {
    padding: 11px 20px 9px 12px;
    width: 100%;
    font-size: 1rem;
    border: none;
    background: #fff;
    box-sizing: border-box;
    margin: 0;
}

#bnp-supp-filter #bnp-filter-search:after,
#bnp-supp-filter .bnp-filter-search:after {
    content: "\e90b";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    height: 100%;
    width: 45px;
    background: #00915A;
    color: #fff;
    font-size: 1.125rem;
    padding: 14px;
    top: 0;
    box-sizing: border-box;
}

#bnp-supp-filter #bnp-filter-search .bnp-clear-search,
#bnp-supp-filter .bnp-filter-search .bnp-clear-search {
    height: 48px;
    width: 50px;
    position: absolute;
    right: 50px;
    top: 0px;
    background-color: #fff;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    cursor: pointer;
}

#bnp-supp-filter #bnp-filter-search .bnp-clear-search:after,
#bnp-supp-filter .bnp-filter-search .bnp-clear-search:after {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 12px;
    top: 14px;
    color: #707070;
    font-size: 18px;
}

#bnp-supp-filter #bnp-filter-search .bnp-clear-search.active,
#bnp-supp-filter .bnp-filter-search .bnp-clear-search.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-supp-filter .bnp-filter-box {
    width: calc((25% - 24px));
    float: left;
    position: relative;
    border-radius: 2px;
    font-size: 1rem;
    color: #fff;
    background: #00915A;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    min-width: 85px;
}

#bnp-supp-filter .bnp-filter-box .bnp-box-label {
    padding: 16px 20px 14px 20px;
    display: block;
    position: relative;
}

#bnp-supp-filter .bnp-filter-box .bnp-box-label:after {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    display: block;
    color: #fff;
    font-size: 1rem;
    right: 12px;
    top: 16px;
    opacity: 0;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder {
    background: #fff;
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 3px 10px 1px #CCCCCC;
    box-shadow: 0 3px 10px 1px #CCCCCC;
    z-index: 10;
    border-radius: 2px;
    overflow: hidden;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-group-label {
    position: relative;
    color: #151515;
    border-bottom: 1px solid #DCDCDC;
    padding: 16px 30px 14px 15px;
    display: block;
    cursor: pointer;
    text-align: left;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-group-label:after {
    content: "\e910";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    display: block;
    color: #151515;
    font-size: 1rem;
    right: 12px;
    top: 16px;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-group-label.active:after {
    transform: rotate(180deg);
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option input {
    margin: 15px auto;
    width: 90%;
    box-sizing: border-box;
    border: none;
    background: #eee;
    padding-left: 12px;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option input::placeholder {
    color: #707070;
    font-size: 0.875rem;
    line-height: 18px;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder {
    display: none;
    overflow: auto;
    border-bottom: 1px solid #DCDCDC;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul {
    display: block;
    max-height: 200px;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li {
    color: #151515;
    display: block;
    padding: 12px 15px 10px 50px;
    position: relative;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-align: left;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li:before {
    content: "";
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #eee;
    border-radius: 1px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li.active:before {
    background: #00915A;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li.active:after {
    content: "";
    width: 12px;
    height: 8px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 1px;
    top: 13px;
    left: 19px;
    transform: rotate(-45deg);
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li:hover {
    background: #fbfbfb;
}

#bnp-supp-filter .bnp-filter-box .bnp-groups-holder .bnp-group-option .bnp-options-holder ul li.hidden {
    display: none;
}

#bnp-supp-filter .bnp-filter-box.active .bnp-box-label:after {
    opacity: 1;
}

#bnp-supp-filter .bnp-filter-box.active .bnp-box-label {
    text-align: left;
}

#bnp-supp-filter .bnp-filter-labels {
    margin: 20px 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

#bnp-supp-filter .bnp-filter-labels .bnp-label-entry {
    float: left;
    padding: 8px 32px 6px 10px;
    color: #fff;
    background: #00915A;
    margin-right: 16px;
    margin-bottom: 12px;
    font-size: 0.875rem;
    border-radius: 1px;
    position: relative;
}

#bnp-supp-filter .bnp-filter-labels .bnp-label-entry .bnp-label-category {
    font-family: "bnplight";
    text-transform: capitalize;
}

#bnp-supp-filter .bnp-filter-labels .bnp-label-entry .bnp-label-remove {
    position: absolute;
    display: block;
    right: 2px;
    top: 0;
    padding: 0 6px;
    cursor: pointer;
}

#bnp-supp-filter .bnp-filter-labels .bnp-label-entry .bnp-label-remove:after {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: block;
    color: #fff;
    font-size: 0.625rem;
    top: -4px;
}

#bnp-supp-filter .bnp-filter-labels .bnp-label-reset {
    display: none;
    float: left;
    margin-top: 8px;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer;
}

#bnp-supp-filter .bnp-filter-labels.active .bnp-label-reset {
    display: block;
}

#bnp-supp-filter .bnp-filter-labels:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

#bnp-supp-filter #bnp-filter-result p {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: 0.875rem;
}

#bnp-supp-filter #bnp-filter-result p span {
    color: #00915A;
}

#bnp-supp-filter:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

#bnp-table-holder {
    overflow: auto;
}

#bnp-table-holder .dataTables_length,
#bnp-table-holder #bnp-supp-table_filter,
#bnp-table-holder .dataTables_info,
#bnp-table-holder .dataTables_paginate {
    display: none;
}

#bnp-table-holder .sorting {
    background-image: none !important;
}

#bnp-supp-table {
    border: none;
    font-size: 0.875rem;
    margin-bottom: 16px;
    min-width: 760px;
    padding: 0;
}

#bnp-supp-table tr {
    border: none;
    font-size: 0.875rem;
}

#bnp-supp-table td {
    border: none;
    font-size: 0.875rem;
    border-left: 1px solid #d5d5d5;
    text-align: center;
    vertical-align: middle;
    padding: 0 12px;
}

#bnp-supp-table td:first-child {
    border-left: none;
}

#bnp-supp-table thead tr {
    background: #707070;
    height: 45px;
}

#bnp-supp-table thead tr th {
    color: #fff;
    padding: 0 24px 0 12px;
    vertical-align: middle;
    padding-top: 2px;
    position: relative;
    font-weight: normal;
    border: none;
    border-left: 1px solid #d4d4d4;
}

#bnp-supp-table thead tr th:first-child {
    border-left: none;
}

#bnp-supp-table thead tr th:before,
#bnp-supp-table thead tr th:after {
    content: "\e910";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    display: block;
    color: #fff;
    font-size: 0.625rem;
    right: 8px;
    top: 21px;
    cursor: pointer;
}

#bnp-supp-table thead tr th:before {
    transform: rotate(180deg);
    top: 11px;
}

#bnp-supp-table tbody tr {
    height: 72px;
    background: #f0f0f0;
}

#bnp-supp-table tbody tr td.bnp-fund-name {
    max-width: 200px;
    box-sizing: border-box;
    text-align: left;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0 12px;
    font-family: "bnpbold";
    position: relative;
}

#bnp-supp-table tbody tr td.bnp-fund-name span {
    text-decoration: underline;
    display: block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
}

#bnp-supp-table tbody tr td.bnp-fund-name .bnp-row-select {
    box-sizing: border-box;
    display: block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border: 1px solid #00915A;
    border-radius: 1px;
    position: absolute;
    top: calc((50% - 10px));
}

#bnp-supp-table tbody tr td.bnp-fund-name .bnp-row-select.disabled {
    background: #aaa;
    cursor: default;
}

#bnp-supp-table tbody tr td.bnp-fund-invested span {
    display: block;
    font-size: 0.75rem;
    color: #bbb;
    margin-top: 8px;
}

#bnp-supp-table tbody tr td.bnp-fund-perf.pos {
    color: #00915A;
}

#bnp-supp-table tbody tr td.bnp-fund-perf span {
    display: block;
    font-size: 0.75rem;
    color: #bbb;
    margin-top: 8px;
}

#bnp-supp-table tbody tr td.bnp-fund-perf.neg {
    color: #C20430;
}

#bnp-supp-table tbody tr:nth-child(even) {
    background: #fff;
}

#bnp-supp-table.active tbody tr td.bnp-fund-name span {
    margin-left: 30px;
}

#bnp-supp-table.active tbody tr td.bnp-fund-name .bnp-row-select {
    opacity: 1;
}

#bnp-supp-table.active tbody tr td.bnp-fund-name .bnp-row-select.active {
    background: #00915A;
}

#bnp-supp-table.active tbody tr td.bnp-fund-name .bnp-row-select.active:after {
    content: "";
    width: 12px;
    height: 8px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 1px;
    top: 4px;
    left: 3px;
    transform: rotate(-45deg);
}

#bnp-table-seemore {
    margin-bottom: 24px;
}

#bnp-table-seemore div {
    background: #fff;
    border-radius: 2px;
    font-size: 1rem;
    color: #00915a;
    cursor: pointer;
    padding: 15px 20px 13px 20px;
    float: right;
    border: 1px solid #00915A;
}

#bnp-table-seemore:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

#bnp-dl-history {
    margin-bottom: 24px;
}

#bnp-dl-history p {
    font-size: 0.875rem;
    color: #151515;
    margin-bottom: 8px;
    line-height: 14px;
    display: block;
}

#bnp-dl-history .bnp-datepicker {
    width: 175px;
    float: left;
    margin-right: 24px;
}

#bnp-dl-history #bnp-dl-button {
    float: left;
    position: relative;
    border-radius: 2px;
    font-size: 1rem;
    color: #fff;
    background: #00915A;
    cursor: pointer;
    padding: 16px 20px 14px 20px;
    box-sizing: border-box;
    text-align: center;
}

#bnp-dl-history #bnp-dl-button:after {
    content: "\e928";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

#bnp-dl-history:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

p#bnp-supp-legend {
    font-size: 0.75rem;
    color: #151515;
    line-height: 15px;
    margin: 0;
    padding-bottom: 40px;
}

#bnp-fund-sheet {
    position: fixed;
    width: 1000px;
    top: 50%;
    left: -50%;
    transform: translate(-50%, -50%);
    max-height: 85%;
    overflow: auto;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    z-index: 1000001;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

#bnp-fund-sheet.active {
    left: 50%;
}

#bnp-fund-sheet #bnp-fund-holder {
    min-width: 550px;
}

#bnp-fund-sheet .bnp-fund-header {
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-close {
    float: right;
    cursor: pointer;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-close:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-close:before {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#bnp-fund-sheet .bnp-fund-header h3 {
    font-size: 2rem;
    font-family: "bnpbold";
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-header h3:before {
    content: "\e92a";
    margin-right: 12px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 1.75rem;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-date {
    font-size: 0.625rem;
    font-family: "bnplight";
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-date:before {
    content: "\e909";
    margin-right: 5px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FAD576;
    font-size: 0.75rem;
}

#bnp-fund-sheet .bnp-fund-header .bnp-fund-amount {
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-overview {
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-overview:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-header {
    font-size: 1.125rem;
    font-family: "bnpbold";
    padding: 15px 0;
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-details {
    border-top: 1px solid #EEEEEE;
    padding: 15px 0;
    float: left;
    width: calc((100% / 3 - 40px));
    margin-right: 40px;
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-details.double {
    width: calc((200% / 3 - 40px));
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-details .bnp-details-category {
    color: #888;
    font-size: 0.75rem;
    margin-bottom: 8px;
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-details .bnp-details-content {
    color: #424242;
    font-size: 0.875rem;
}

#bnp-fund-sheet .bnp-fund-overview .bnp-overview-details .bnp-details-content.yes:before {
    content: "\e90d";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915a;
    font-size: 1rem;
}

#bnp-fund-sheet .bnp-fund-performances {
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-header {
    color: #424242;
    font-family: "bnpbold";
    font-size: 1.125rem;
    margin-bottom: 24px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type {
    margin-bottom: 24px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 0.875rem;
    cursor: pointer;
    margin-right: 12px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label:before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: -6px;
    box-sizing: border-box;
    border: 1px solid #424242;
    border-radius: 50px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:before {
    background: #00915a;
    border: none;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50px;
    width: 11px;
    height: 11px;
    left: 6px;
    top: 0;
    z-index: 1;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table {
    margin-bottom: 16px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table table {
    display: none;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table table.active {
    display: table;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr {
    background: #FAFAFA;
    color: #9A9A9A;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th:first-child {
    background: #F4F4F4;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr {
    background: #fff;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td:first-child {
    background: #F4F4F4;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td {
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table td,
#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table th {
    padding: 20px;
    min-height: 55px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #E8E8E8;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table td span {
    display: block;
    color: #C20430;
    margin-bottom: 6px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table td span.positive {
    color: #00915A;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend {
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend span {
    color: #424242;
    font-size: 0.875rem;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend p {
    color: #888;
    font-size: 0.75rem;
    font-family: "bnplight";
}

#bnp-fund-sheet .bnp-fund-evolution {
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-header {
    color: #424242;
    font-family: "bnpbold";
    font-size: 1.125rem;
    margin-bottom: 24px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date {
    margin-bottom: 16px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-datepicker {
    float: left;
    width: 160px;
    margin-right: 16px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox {
    float: left;
    margin-right: 16px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox-label {
    display: block;
    color: #8f8f8f;
    font-size: 0.875rem;
    line-height: 18px;
    margin: 0 0 8px 0;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox {
    position: relative;
    height: 45px;
    width: 90px;
    box-sizing: border-box;
    padding: 16px 16px 12px 16px;
    background: #fff;
    border: 1px solid #A6A6A6;
    font-size: 0.875rem;
    color: #151515;
    cursor: pointer;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox:after {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    content: "\e910";
    color: #151515;
    font-size: 1rem;
    position: absolute;
    top: 14px;
    right: 12px;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #a6a6a6;
    z-index: 10;
    box-sizing: border-box;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul li {
    padding: 6px 16px;
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul li:hover {
    background: #f0f0f0;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox.active ul {
    display: block;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox.active:after {
    transform: rotate(180deg);
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-legend .bnp-legend-header {
    font-family: "bnpbold";
    font-size: 1.125rem;
    color: #00915A;
    margin-bottom: 8px;
    text-transform: uppercase;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-legend span {
    display: block;
    margin-bottom: 16px;
    color: #424242;
    font-size: 0.875rem;
}

#bnp-fund-sheet .bnp-fund-evolution .bnp-evolution-legend p {
    font-family: "bnplight";
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-accordion {
    margin-bottom: 50px;
    border-bottom: 1px solid #eee;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder {
    border-top: 1px solid #eee;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header {
    padding: 30px 0;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header .bnp-accordion-name {
    color: #424242;
    font-size: 1.125rem;
    font-family: "bnpbold";
    float: left;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header .bnp-accordion-action {
    font-size: 0.875rem;
    font-family: "bnplight";
    padding-right: 24px;
    margin-top: 3px;
    float: right;
    position: relative;
    cursor: pointer;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header .bnp-accordion-action:after {
    content: "\e910";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #00915a;
    font-size: 1rem;
    right: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-header .bnp-accordion-action.active:after {
    transform: rotate(180deg);
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content {
    display: none;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content h4 {
    margin-bottom: 26px;
    font-family: 'bnp';
    font-size: 1rem;
    color: #a0a0a0;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content p {
    font-size: 0.875rem;
    color: #454545;
    font-family: 'bnplight';
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content ul {
    padding: 0 0 15px 0;
    margin: 0;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content ul li {
    margin-bottom: 24px;
    font-family: 'bnp';
    color: #454545;
    font-size: 0.875rem;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content ul li span {
    font-family: 'bnplight';
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table {
    width: 100%;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td {
    padding: 0 0 14px 0;
    border-color: #fff;
    font-size: 0.875rem;
    font-family: 'bnplight';
    color: #454545;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td:nth-child(1) {
    width: 70%;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td:nth-child(2) {
    width: 20%;
    text-align: right;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td:nth-child(3) {
    width: 10%;
    text-align: right;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td a {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td a:before {
    content: '\e913';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4px;
    left: 0;
    color: #199d69;
    font-size: 1.25rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td a:hover {
    opacity: 1;
}

#bnp-fund-sheet .bnp-fund-accordion .bnp-accordion-holder .bnp-accordion-content table tr td a:hover:before {
    top: 7px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-fund-comparison {
    position: fixed;
    width: 1000px;
    top: 50%;
    left: -50%;
    transform: translate(-50%, -50%);
    max-height: 85%;
    overflow: auto;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    z-index: 1000001;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

#bnp-fund-comparison.active {
    left: 50%;
}

#bnp-fund-comparison .bnp-fund-header {
    margin-bottom: 50px;
}

#bnp-fund-comparison .bnp-fund-header .bnp-fund-close {
    float: right;
    cursor: pointer;
}

#bnp-fund-comparison .bnp-fund-header .bnp-fund-close:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-fund-comparison .bnp-fund-header .bnp-fund-close:before {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#bnp-fund-comparison .bnp-fund-header h3 {
    font-size: 2rem;
    font-family: "bnpbold";
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
    color: #424242;
}

#bnp-fund-comparison.fixed .bnp-comparison-table {
    margin-top: 97px;
}

#bnp-fund-comparison.fixed .bnp-comparison-table table thead {
    position: fixed;
    width: calc((100% - 238px));
    left: 190px;
    z-index: 15;
}

#bnp-fund-comparison.fixed .bnp-comparison-table table thead tr th:first-child {
    display: none;
}

#bnp-fund-comparison.fixed .bnp-comparison-table.duo table thead tr th {
    width: 50%;
}

#bnp-fund-comparison.fixed .bnp-comparison-table.trio table thead tr th {
    width: calc((100% / 3));
}

#bnp-fund-comparison.fixed .bnp-comparison-table.quadra table thead tr th {
    width: 25%;
}

#bnp-fund-comparison .bnp-comparison-table {
    margin-bottom: 50px;
}

#bnp-fund-comparison .bnp-comparison-table table {
    border: none;
}

#bnp-fund-comparison .bnp-comparison-table thead tr th {
    background: #00915A;
    padding: 40px 20px 20px 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: "bnpbold";
    font-size: 0.75rem;
    position: relative;
    min-height: 95px;
}

#bnp-fund-comparison .bnp-comparison-table thead tr th:first-child {
    border: none;
    background: #fff;
}

#bnp-fund-comparison .bnp-comparison-table thead tr th span {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

#bnp-fund-comparison .bnp-comparison-table thead tr th span:before {
    display: block;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    content: "\e905";
}

#bnp-fund-comparison .bnp-comparison-table tbody tr {
    background: #FAFAFA;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td {
    font-size: 0.875rem;
    padding: 25px;
    text-align: center;
    vertical-align: middle;
    color: #424242;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td:first-child {
    color: #A7A7A7;
    background: #F4F4F4;
    width: 140px;
    max-width: 140px;
    box-sizing: border-box;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td span {
    position: relative;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td span:before {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-size: 1rem;
    position: relative;
    top: 8px;
    line-height: 16px;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td span.yes:before {
    content: "\e90d";
    color: #00915A;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td span.no:before {
    content: "\e905";
    color: #424242;
}

#bnp-fund-comparison .bnp-comparison-table tbody tr td strong {
    display: block;
}

#bnp-fund-comparison .bnp-fund-performances {
    margin-bottom: 50px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-header {
    color: #424242;
    font-family: "bnpbold";
    font-size: 1.125rem;
    margin-bottom: 24px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-type {
    margin-bottom: 24px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 0.875rem;
    cursor: pointer;
    margin-right: 12px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label:before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: -6px;
    box-sizing: border-box;
    border: 1px solid #424242;
    border-radius: 50px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:before {
    background: #00915a;
    border: none;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50px;
    width: 11px;
    height: 11px;
    left: 6px;
    top: 0;
    z-index: 1;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table {
    margin-bottom: 16px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table table {
    display: none;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table table.active {
    display: table;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr {
    background: #FAFAFA;
    color: #9A9A9A;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th:first-child {
    background: #F4F4F4;
    color: #424242;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr {
    background: #fff;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td:first-child {
    background: #F4F4F4;
    width: 140px;
    box-sizing: border-box;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td {
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table td,
#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table th {
    padding: 20px;
    min-height: 55px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #E8E8E8;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table td span {
    display: block;
    color: #C20430;
    margin-bottom: 6px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-table td span.positive {
    color: #00915A;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-legend {
    margin-bottom: 50px;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-legend span {
    color: #424242;
    font-size: 0.875rem;
}

#bnp-fund-comparison .bnp-fund-performances .bnp-performances-content .bnp-content-legend p {
    color: #888;
    font-size: 0.75rem;
    font-family: "bnplight";
}

#bnp-fund-comparison .bnp-fund-evolution {
    margin-bottom: 50px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-header {
    color: #424242;
    font-family: "bnpbold";
    font-size: 1.125rem;
    margin-bottom: 24px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date {
    margin-bottom: 16px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-datepicker {
    float: left;
    width: 160px;
    margin-right: 16px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox {
    float: left;
    margin-right: 16px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox-label {
    display: block;
    color: #8f8f8f;
    font-size: 0.875rem;
    line-height: 18px;
    margin: 0 0 8px 0;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox {
    position: relative;
    height: 45px;
    width: 90px;
    box-sizing: border-box;
    padding: 16px 16px 12px 16px;
    background: #fff;
    border: 1px solid #A6A6A6;
    font-size: 0.875rem;
    color: #151515;
    cursor: pointer;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox:after {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    content: "\e910";
    color: #151515;
    font-size: 1rem;
    position: absolute;
    top: 14px;
    right: 12px;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #a6a6a6;
    z-index: 10;
    box-sizing: border-box;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul li {
    padding: 6px 16px;
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox ul li:hover {
    background: #f0f0f0;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox.active ul {
    display: block;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-date .bnp-date-selectbox .bnp-selectbox.active:after {
    transform: rotate(180deg);
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-legend .bnp-legend-header {
    font-family: "bnpbold";
    font-size: 1.125rem;
    color: #00915A;
    margin-bottom: 8px;
    text-transform: uppercase;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-legend span {
    display: block;
    margin-bottom: 16px;
    color: #424242;
    font-size: 0.875rem;
}

#bnp-fund-comparison .bnp-fund-evolution .bnp-evolution-legend p {
    font-family: "bnplight";
    font-size: 0.875rem;
    color: #424242;
}

#bnp-fund-comparison .bnp-comparison-tools:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-fund-comparison .bnp-comparison-tools .bnp-button {
    float: right;
    margin-left: 24px;
    margin-bottom: 16px;
}

#bnp-fund-comparison .bnp-comparison-tools .bnp-button.white {
    border: #199d69 1px solid;
    background: #fff;
    color: #199d69;
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		Page Historique Assurance collective
	\\\\\\\\\\\\\\\\////////////////
*************************************/
.bnp-history-table {
    overflow: auto;
}

.bnp-history-table .bnp-history-tools {
    margin-bottom: 24px;
}

.bnp-history-table .bnp-history-tools:after {
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox {
    float: left;
    margin-right: 16px;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox-label {
    display: block;
    color: #8f8f8f;
    font-size: 0.875rem;
    line-height: 18px;
    margin: 0 0 8px 0;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox {
    position: relative;
    height: 45px;
    width: 180px;
    box-sizing: border-box;
    padding: 16px 16px 12px 16px;
    background: #fff;
    border: 1px solid #A6A6A6;
    font-size: 0.875rem;
    color: #151515;
    cursor: pointer;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox:after {
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    content: "\e910";
    color: #151515;
    font-size: 1rem;
    position: absolute;
    top: 14px;
    right: 12px;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #a6a6a6;
    z-index: 10;
    box-sizing: border-box;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox ul li {
    padding: 6px 16px;
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox ul li:hover {
    background: #f0f0f0;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox.active ul {
    display: block;
}

.bnp-history-table .bnp-history-tools .bnp-history-selectbox .bnp-selectbox.active:after {
    transform: rotate(180deg);
}

.bnp-history-table .bnp-history-tools .bnp-button {
    margin-top: 26px;
    height: 45px;
    min-width: 180px;
    padding: 16px;
    box-sizing: border-box;
}

.bnp-history-table .bnp-history-content table {
    border: none;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    min-width: 600px;
}

.bnp-history-table .bnp-history-content table tr {
    border: none;
}

.bnp-history-table .bnp-history-content table tr th {
    border: none;
    border-left: 1px solid #D5D5D5;
}

.bnp-history-table .bnp-history-content table tr th:first-child {
    border-left: none;
}

.bnp-history-table .bnp-history-content table tr td {
    border: none;
    border-left: 1px solid #D5D5D5;
}

.bnp-history-table .bnp-history-content table tr td:first-child {
    border-left: none;
}

.bnp-history-table .bnp-history-content table thead tr {
    background: #707070;
}

.bnp-history-table .bnp-history-content table thead tr th {
    color: #fff;
    font-size: 0.875rem;
    line-height: 18px;
    padding: 12px 8px 10px 8px;
    text-align: center;
    vertical-align: middle;
}

.bnp-history-table .bnp-history-content table tbody tr {
    padding: 8px 16px;
}

.bnp-history-table .bnp-history-content table tbody tr#bnp-green-row {
    background: #00915A;
}

.bnp-history-table .bnp-history-content table tbody tr#bnp-green-row td {
    color: #fff;
    font-weight: bold;
    padding: 24px 14px 22px 14px;
}

.bnp-history-table .bnp-history-content table tbody tr.bnp-group-row {
    background: #D9EDE5;
}

.bnp-history-table .bnp-history-content table tbody tr.bnp-group-row td {
    color: #151515;
    font-weight: bold;
    padding: 18px 14px 16px 14px;
}

.bnp-history-table .bnp-history-content table tbody tr.bnp-group-name td {
    padding: 10px 16px 8px 16px;
    color: #8F8F8F;
    font-size: 0.875rem;
    font-weight: bold;
}

.bnp-history-table .bnp-history-content table tbody tr td {
    text-align: right;
    padding: 6px 16px;
}

.bnp-history-table .bnp-history-content table tbody tr td:first-child {
    text-align: left;
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		Page Comité de surveillance
	\\\\\\\\\\\\\\\\////////////////
*************************************/
body #bnp-mainarea .bnp-committee-monitoring {
    min-height: calc((100vh - 221px));
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header {
    margin-bottom: 40px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header h1 {
    font-size: 2rem;
    font-family: "bnpbold";
    display: block;
    margin-bottom: 24px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools span {
    font-size: 0.875rem;
    color: #00915A;
    position: relative;
    padding-left: 24px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools a {
    color: #424242;
    font-size: 0.875rem;
    position: relative;
    padding-left: 24px;
    text-decoration: underline;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools a:visited {
    color: #424242;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools > *:first-child {
    padding-left: 0 !important;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools > *:first-child:before {
    content: none;
    padding-left: 0 !important;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-header .bnp-header-tools > *:before {
    content: "";
    height: 100%;
    left: 12px;
    position: absolute;
    top: 0;
    background: #424242;
    width: 1px;
    box-sizing: border-box;
    display: block;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table {
    margin-bottom: 40px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table {
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #424242;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tr,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table th,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table td {
    border: none;
    vertical-align: middle;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table thead tr th {
    background: none;
    padding: 18px 16px 16px 40px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table thead tr th.add {
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
    padding: 18px 16px 16px 16px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table thead tr th.add.disabled {
    color: #aaa;
    cursor: not-allowed;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody.active tr {
    display: none;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody.active tr.bnp-row-edition {
    display: table-row;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr {
    background: #fff;
    border-bottom: 3px solid #f0f0f0;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr.bnp-row-edition,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr.bnp-row-add {
    display: none;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr.bnp-row-edit,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr.bnp-row-add.active {
    display: table-row;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr form {
    display: table-cell !important;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td {
    padding: 14px 16px 12px 40px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td select,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td input {
    width: 100%;
    margin: 0;
    padding: 4px;
    background: #f0f0f0;
    border-radius: 3px;
    box-sizing: border-box;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools {
    text-align: right;
    padding: 18px 16px 16px 16px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools button {
    cursor: pointer;
    display: inline-block;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .edit:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .delete:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .apply:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .undo:before {
    color: #424242;
    font-size: 1.125rem;
    cursor: pointer;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 8px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .edit:before {
    content: "\e940";
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .delete:before {
    content: "\e936";
    margin-left: 16px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .apply:before {
    content: "\e90d";
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools .undo:before {
    content: "\e951";
    margin-left: 16px;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools.disabled .edit:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools.disabled .delete:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools.disabled .apply:before,
body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools.disabled .undo:before {
    color: #aaa;
    cursor: not-allowed;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td.tools.disabled button {
    cursor: not-allowed;
}

body #bnp-mainarea .bnp-committee-monitoring .bnp-committee-table table tbody tr td:first-child {
    text-transform: uppercase;
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		PopUp formulaire connexion
	\\\\\\\\\\\\\\\\////////////////
*************************************/
.bnp-login-body #bnp-mainarea #bnp-login-page .bnp-entry-detail.form .bnp-section-btn {
    text-align: left;
}

.bnp-login-body #bnp-mainarea #bnp-login-page .bnp-entry-detail.form .bnp-section-btn:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-login-body #bnp-mainarea #bnp-login-page .bnp-entry-detail.form .bnp-section-btn a.bnp-button {
    float: left;
    margin-bottom: 0;
}

.bnp-login-body #bnp-mainarea #bnp-login-page .bnp-entry-detail.form .bnp-section-btn span {
    float: right;
}

.bnp-login-body {
    position: relative;
}

#bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-detail p {
    margin-bottom: 24px;
}

#bnp-form-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 10;
}

#bnp-form-popup.active {
    display: block;
}

#bnp-form-popup #bnp-form-holder {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 40px;
}

#bnp-form-popup #bnp-form-holder .bnp-section-btn {
    width: auto;
    margin: 0;
}

#bnp-form-popup #bnp-form-holder #bnp-form-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}

#bnp-form-popup #bnp-form-holder #bnp-form-close:after {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    color: #424242;
}

#bnp-form-popup #bnp-form-holder .bnp-entry-detail > p {
    font-family: "bnplight";
    margin-bottom: 24px;
}

#bnp-form-popup #bnp-form-holder p.bnp-form-validation {
    margin: 0 auto 16px auto;
    width: 380px;
    display: none;
    max-width: 100%;
    font-family: "bnp";
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		FAQ
	\\\\\\\\\\\\\\\\////////////////
*************************************/
#bnp-contact-help .bnp-help-section .bnp-button {
    min-height: 80px;
    float: left;
    width: calc(100% / 3 - 30px);
}

#bnp-contact-help .bnp-help-result {
    margin-bottom: 24px;
    display: none;
}

#bnp-contact-help .bnp-help-result.active {
    display: block;
}

#bnp-contact-help .bnp-help-result .bnp-detail hr {
    margin-bottom: 24px;
}

#bnp-contact-help .bnp-help-result .bnp-detail p {
    margin-bottom: 24px;
}

#bnp-contact-help .bnp-help-result .bnp-detail a {
    text-decoration: underline;
}

#bnp-contact-help .bnp-help-result .bnp-detail span.bnp-form-display {
    cursor: pointer;
    color: #00915A;
    text-decoration: underline;
}

#bnp-contact-help .bnp-help-result .bnp-detail b,
#bnp-contact-help .bnp-help-result .bnp-detail strong {
    color: #00915A;
}

/*************************************
	////////////////\\\\\\\\\\\\\\\\
		pages comités de surveillance
	\\\\\\\\\\\\\\\\////////////////
*************************************/
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring {
    padding-bottom: 32px;
    /*************************************
	////////////////\\\\\\\\\\\\\\\\
		pages comités de surveillance add / edit
	\\\\\\\\\\\\\\\\////////////////
	*************************************/
    /*************************************
	////////////////\\\\\\\\\\\\\\\\
		pages création utilisateur
	\\\\\\\\\\\\\\\\////////////////
	*************************************/
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring h1 {
    text-transform: uppercase;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-pdf-row {
    position: relative;
    padding-left: 50px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-pdf-row:before {
    content: "\e921";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.5rem;
    position: absolute;
    top: 24px;
    left: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-upp-row {
    text-transform: uppercase;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-dl-column,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-tools-column,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-dl-column {
    border-left: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-dl-column:after,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-tools-column:after,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column:after,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-dl-column:after,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-dl-column:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-tools-column:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-dl-column:before {
    content: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-dl-column span.icon-telecharger:before {
    content: "\e91e";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring .bnp-committee-header:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring .bnp-committee-header .bnp-header-tools {
    float: left;
    margin: 6px 12px 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring .bnp-committee-header #bnp-committee-add a {
    float: right;
    display: block;
    padding: 8px 12px;
    background: #00915A;
    color: #fff;
    font-size: 0.875rem;
    border-radius: 3px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring .bnp-committee-header #bnp-committee-add a:visited {
    color: #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring .bnp-committee-header #bnp-committee-add a:before {
    content: "\e905";
    color: #fff;
    position: relative;
    transform: rotate(45deg);
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.625rem;
    margin-right: 12px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table th.bnp-tools-column {
    min-width: 60px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools {
    text-align: right;
    padding: 18px 16px 16px 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools button {
    cursor: pointer;
    display: inline-block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .edit:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .delete:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .apply:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .undo:before {
    color: #424242;
    font-size: 1.125rem;
    cursor: pointer;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 8px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .edit:before {
    content: "\e940";
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .delete:before {
    content: "\e936";
    margin-left: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .apply:before {
    content: "\e90d";
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools .undo:before {
    content: "\e951";
    margin-left: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools.disabled .edit:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools.disabled .delete:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools.disabled .apply:before,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools.disabled .undo:before {
    color: #aaa;
    cursor: not-allowed;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools.disabled button {
    cursor: not-allowed;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps {
    position: relative;
    text-align: center;
    margin-bottom: 24px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps:before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background: #A6A6A6;
    top: 20px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder {
    display: inline-block;
    position: relative;
    margin-bottom: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry {
    float: left;
    min-width: 150px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry.active .bnp-steps-number {
    border: 2px solid #00915A;
    color: #151515;
    background: #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry.active .bnp-steps-label {
    color: #151515;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry.done .bnp-steps-number {
    font-size: 0rem;
    position: relative;
    border: 1px solid #00915A;
    background: #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry.done .bnp-steps-number:after {
    content: "\e90d";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    color: #00915A;
    position: absolute;
    top: 11px;
    left: 8px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry.done .bnp-steps-label {
    color: #151515;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry .bnp-steps-number {
    display: block;
    border-radius: 50px;
    color: #A6A6A6;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    background: #f0f0f0;
    padding: 12px 0;
    margin: 0 auto 12px auto;
    border: 1px solid #A6A6A6;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry .bnp-steps-label {
    display: inline-block;
    color: #707070;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form {
    background: #fff;
    padding: 20px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form h2 {
    margin: 24px 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-error {
    padding: 20px;
    background: #b71234;
    margin-bottom: 24px;
    color: #f0f0f0;
    font-size: 0.875rem;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry {
    float: left;
    margin-right: 24px;
    width: calc(100% / 3 - 25px);
    position: relative;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry .bnp-form-errorMsg {
    color: #C20430;
    font-size: 0.875rem;
    margin-top: 12px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry .bnp-select {
    border: 1px solid #d4d4d4;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry .bnp-select select {
    cursor: pointer;
    color: #424242;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry div.info {
    position: absolute;
    top: 41px;
    right: -24px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry div.info:before {
    font-size: 0.875rem;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap {
    margin-bottom: 4px;
    padding: 20px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap .bnp-recap-entry {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 12px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-label {
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding-right: 24px;
    color: #888;
    word-break: break-word;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-content {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding-right: 24px;
    color: #151515;
    word-break: break-all;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-content.upp {
    text-transform: uppercase;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-links .bnp-button.disabled,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-links .bnp-button.white {
    background: #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-form-links {
    text-align: right;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-form-links .bnp-button.disabled {
    pointer-events: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-form-links .bnp-button.disabled,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-form-links .bnp-button.white {
    margin-right: 24px;
    background: #f0f0f0;
    color: #00915A;
    border-radius: 3px;
    border: 1px solid #00915A;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-committee-header {
    margin-bottom: 20px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-committee-header h1 {
    margin-bottom: 0;
    text-transform: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form {
    margin-bottom: 24px;
    padding: 25px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey {
    background: #f0f0f0;
    padding: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table.active {
    width: 100%;
    min-width: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table.active thead tr th span.bnp-perfis-number,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table.active thead tr th span.bnp-perfis-description {
    font-size: 0rem;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table thead tr th span.bnp-perfis-number {
    font-size: 1rem;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table thead tr th span.bnp-perfis-description {
    font-size: 0.875rem;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table thead tr th {
    border: 1px solid #f0f0f0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey div#bnp-perfis-comparator table:not(.active) thead tr th {
    border-bottom: 1px solid #e8e8e8 !important;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form.grey #descriptif-des-produits {
    border-bottom: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap {
    padding: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap .bnp-recap-entry {
    width: calc(100% / 3);
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-label {
    padding-right: 10px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-label,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap .bnp-recap-entry .bnp-recap-content {
    width: auto;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-committee-form #bnp-committee-recap .bnp-recap-entry.perfis {
    width: 100%;
    border-top: 1px solid #E8E8E8;
    padding-top: 16px;
    margin-top: 24px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-perfis-header {
    font-size: 0.875rem;
    color: #8F8F8F;
    margin-bottom: 16px;
    padding-top: 8px;
    border-top: solid #E8E8E8 1px;
    display: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-perfis-header.active {
    display: block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator {
    display: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator.active {
    display: block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table {
    border: none;
    min-width: 800px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr {
    border: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr#bnp-perfis-error {
    border: 1px solid #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr#bnp-perfis-error th {
    font-size: 0.875rem;
    color: #C20430;
    text-align: center;
    vertical-align: middle;
    min-height: 30px;
    border: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th {
    border: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: top;
    width: 125px;
    box-sizing: border-box;
    padding: 4px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th:first-child {
    width: auto;
    text-align: left;
    padding: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th div {
    cursor: pointer;
    font-size: 0.75rem;
    color: #00915A;
    display: inline-block;
    margin-bottom: 24px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th div:after {
    content: "\e910";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915A;
    margin-left: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 25px;
    margin-bottom: 10px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .checkmark {
    position: absolute;
    top: 0;
    left: 50%;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    border: 1px solid #454545;
    box-sizing: border-box;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container:hover input ~ .checkmark {
    background-color: #ccc;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container input:checked ~ .checkmark {
    background-color: #00915A;
    border: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container input:checked ~ .checkmark:after {
    display: block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: white;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th span {
    display: block;
    text-align: center;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th span.bnp-perfis-number {
    font-size: 0.875rem;
    color: #454545;
    margin-bottom: 8px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th span.bnp-perfis-description {
    font-size: 0.875rem;
    font-family: "bnplight";
    color: #454545;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table tbody tr td {
    text-align: center;
    vertical-align: middle;
    border-color: #E8E8E8;
    width: 125px;
    box-sizing: border-box;
    background: #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table tbody tr td:first-child {
    width: auto;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table tbody tr td.bnp-perfis-empowerments {
    text-align: left;
    color: #454545;
    font-size: 0.875rem;
    background: #F4F4F4;
    font-family: "bnplight";
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table tbody tr td span.bnp-empowerment-checked {
    font-size: 0px;
    display: block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table tbody tr td span.bnp-empowerment-checked:before {
    content: "\e90d";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915A;
    font-size: 1rem;
    display: block;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table.active thead tr th {
    border-bottom: 1px solid #fff;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table.active tbody {
    display: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator.bnp-perfis-error table thead tr th .container .checkmark {
    border: 1px solid #C20430;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-form-links:after {
    content: "";
    display: table;
    clear: both;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-form-links .bnp-button {
    padding: 14px 30px;
    border-radius: 2px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-form-links > a.bnp-button.white {
    margin-right: 0 !important;
    float: left;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-form-links #bnp-steps-links {
    float: right;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation #bnp-form-links #bnp-steps-links a {
    margin-right: 0 !important;
    margin-left: 24px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-form-entry label {
    font-family: "bnp";
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-form-entry input {
    padding: 10px 16px;
    font-size: 0.875rem;
    border-radius: 2px;
    margin: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-form-entry .bnp-select select {
    padding: 10px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check {
    margin: 0;
    margin-bottom: 16px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend {
    margin: 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-check-label,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-radio-cheker,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-select {
    float: left;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-check-label,
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-radio-cheker {
    margin: 9px 16px 10px 0;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-select {
    width: 300px;
    display: none;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend .bnp-select select {
    margin: 0;
    font-size: 0.875rem;
    cursor: pointer;
    color: #424242;
    padding-right: 12px;
    background: #fff;
    border-radius: 2px;
}

#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-from-check legend.active .bnp-select {
    display: block;
}

.bnp-livraisons {
    min-height: calc(100vh - 167px);
}

.bnp-livraisons .bnp-livraisons-header:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-livraisons .bnp-livraisons-header h1 {
    font-size: 3rem;
    margin: 40px 0 32px 0;
    float: left;
}

.bnp-livraisons .bnp-livraisons-header div {
    float: right;
    text-align: center;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 3px;
    background: #444;
    color: #c3455b;
    margin-top: 20px;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry:first-child .bnp-entry-holder {
    display: block;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry {
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 24px;
    position: relative;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-entry-tool {
    position: absolute;
    top: 23px;
    right: 20px;
    cursor: pointer;
    transition: all ease 0.5s;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-entry-tool.active {
    transform: rotate(180deg);
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-entry-tool:before {
    content: "\e910";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry h2 {
    margin: 0;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-entry-holder {
    display: none;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update:before {
    content: "Update";
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    background: #157394;
    padding: 6px 12px 4px 12px;
    color: #fff;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new:before {
    content: "New";
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    background: #26aa90;
    padding: 6px 12px 4px 12px;
    color: #fff;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new {
    width: 100%;
    box-sizing: border-box;
    padding-top: 40px;
    position: relative;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update:after,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files {
    height: 100px;
    overflow: auto;
    border-radius: 3px;
    float: left;
    width: calc(100% / 3 - 16px);
    margin-right: 24px;
    box-sizing: border-box;
    padding: 40px 12px 0 12px;
    color: #fff;
    position: relative;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.update.html,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.update.html {
    background: #00a0b1;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.update.css,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.update.css {
    background: #007b8a;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.update.js,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.update.js {
    background: #175b6f;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.new.html,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.new.html {
    background: #26aa90;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.new.css,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.new.css {
    background: #00957a;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.new.js,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.new.js {
    background: #0f7164;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.html a,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.html a {
    color: #fff;
    display: block;
    margin: 0 0 12px 0;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.html:before,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.html:before {
    content: "HTML";
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
    background: #f1885b;
    padding: 6px 12px 4px 12px;
    color: #fff;
    font-size: 0.75rem;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.css:before,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.css:before {
    content: "CSS";
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
    background: #e45054;
    padding: 6px 12px 4px 12px;
    color: #fff;
    font-size: 0.75rem;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.js,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.js {
    margin-right: 0;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files.js:before,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files.js:before {
    content: "JS";
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
    background: #c3454b;
    padding: 6px 12px 4px 12px;
    color: #fff;
    font-size: 0.75rem;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-update .bnp-livraisons-files span,
.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry .bnp-livraisons-new .bnp-livraisons-files span {
    display: block;
    margin: 0 0 12px 0;
}

.bnp-livraisons .bnp-livraisons-holder .bnp-livraisons-entry p {
    padding: 20px;
    font-size: 16px;
    margin-top: 20px;
    background: #f5f5f5;
}

.bnp-userinfo-header h1 {
    color: #1a1a1a;
    font-family: "bnpbold";
    font-size: 1.5rem;
    padding: 60px 0 30px 0;
    margin: 0;
}

.bnp-userinfo-header h2 {
    color: #151515;
    font-family: "bnpbold";
    font-size: 1.375rem;
    margin: 0 0 20px 0;
}

.bnp-userinfo-header .bnp-userinfo-entry {
    background: #fff;
    padding: 25px;
    margin-bottom: 30px;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content {
    padding: 15px 0;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content .bnp-recap-entry {
    float: left;
    width: calc(100% / 3 - 1px);
    box-sizing: border-box;
    margin-bottom: 12px;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content .bnp-recap-entry .bnp-recap-label {
    float: left;
    box-sizing: border-box;
    padding-right: 16px;
    color: #888;
    word-break: break-word;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content .bnp-recap-entry .bnp-recap-content {
    float: left;
    box-sizing: border-box;
    color: #151515;
    word-break: break-all;
}

.bnp-userinfo-header .bnp-userinfo-entry .bnp-userinfo-content .bnp-recap-entry .bnp-recap-content.upp {
    text-transform: uppercase;
}

.bnp-userinfo-header .bnp-userinfo-entry ul {
    padding-left: 25px;
    padding-bottom: 20px;
    list-style: outside;
}

.bnp-userinfo-header .bnp-userinfo-entry ul li {
    font-size: 0.875rem;
    color: #151515;
    line-height: 18px;
}

.bnp-role-label {
    color: #fff;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 5px 10px 3px 10px;
    display: inline-block;
    border-radius: 2px;
}

.bnp-role-label.admin {
    background: #FFA500;
}

.bnp-role-label.oper {
    background: #00A0B1;
}

.bnp-userinfo-perimeter {
    margin-bottom: 40px;
}

.bnp-userinfo-perimeter h2 {
    color: #151515;
    font-family: "bnpbold";
    font-size: 1.375rem;
    margin: 0 0 30px 0;
}

.bnp-userinfo-perimeter .bnp-perimeter-info {
    margin: 0 0 16px 0;
    font-size: 0.875rem;
    color: #151515;
}

.bnp-userinfo-perimeter .bnp-perimeter-roles {
    margin-bottom: 20px;
}

.bnp-userinfo-perimeter .bnp-perimeter-roles:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-userinfo-perimeter .bnp-perimeter-roles .bnp-role-label {
    float: left;
}

.bnp-userinfo-perimeter .bnp-perimeter-roles .bnp-role-info {
    float: right;
    width: calc(100% - 130px);
}

.bnp-userinfo-perimeter .bnp-perimeter-roles .bnp-role-info span {
    font-family: "bnpbold";
    font-size: 0.75rem;
    color: #151515;
}

.bnp-userinfo-perimeter .bnp-perimeter-roles .bnp-role-info p {
    font-size: 0.75rem;
    color: #151515;
}

.bnp-entity-roles .bnp-entity-entry {
    padding-bottom: 20px;
}

.bnp-entity-roles .bnp-entity-entry h3 {
    color: #000;
    font-size: 1rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'bnpbold';
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder {
    background: #fff;
    padding: 15px;
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder:after {
    content: "";
    display: table;
    clear: both;
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row {
    min-height: 50px;
    border-top: 1px solid #d5d5d5;
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row:first-child {
    border-top: none;
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row .bnp-entity-name {
    float: left;
    width: 40%;
    padding-top: 17px;
    font-size: 0.875rem;
    color: #454545;
    font-family: 'bnpbold';
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row .bnp-entity-name span {
    margin-left: 5px;
    color: #0f0f0f;
    font-family: 'bnp';
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row .bnp-entity-admin {
    float: left;
    width: 30%;
    padding-top: 15px;
}

.bnp-entity-roles .bnp-entity-entry .bnp-entities-holder .bnp-entity-row .bnp-entity-operator {
    float: left;
    width: 30%;
    padding-top: 15px;
}

/**
 *	File name: projectprefix-sp.css
 *	Description: bnp Sharepoint 2013 native parts styling
 *  Version: ???
 *	-------------------------
 */
/*
	Replace ALL:
	Links: #028abe;
	Button background : #028abc;
	backgrounds/borders : #eef1f3;
	Rte Elements : #f04751
	
/*
 *  BASICS 
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Links
 *---------------------------------*/
a,
.ms-link:visited,
.ms-pivotControl-surfacedOpt:hover,
.ms-pivotControl-overflowDot:hover,
.ms-pivotControl-surfacedOpt-selected {
    color: #028abe;
    text-decoration: none;
}

/*---------------------------------
 *  Typo 
 *---------------------------------*/
body,
.ms-core-defaultFont,
.js-callout-body {
    color: #333;
}

/*---------------------------------
 *  Addnew
 *---------------------------------*/
.ms-heroCommandLink span:first-child,
.ms-heroCommandLink:visited span:first-child {
    /*width:17px;height:17px;*/
}

.ms-heroCommandLink span:first-child img {
    /*display:none;*/
}

/*---------------------------------
 *  Menu link
 *---------------------------------*/
.ms-lstItmLinkAnchor {
    background: #f7f7f7;
}

/*---------------------------------
 *  Contextual menu list
 *---------------------------------*/
.ms-core-menu-item:hover,
.ms-core-menu-itemSelected {
    background-color: #eef1f3;
}

.ms-headerCellStylePressed {
    background-color: #eef1f3;
}

.ms-headerCellStyleMenuOpen {
    background-color: #eef1f3;
}

/*---------------------------------
 *  SP List
 *---------------------------------*/
/* Headings */
.ms-comm-forumHeaderContainer .ms-comm-filterList {
    /*padding:3px 7px;*/
}

.ms-comm-forumHeaderContainer .ms-comm-filterList .ms-pivotControl-container .ms-pivotControl-overflowSpan .ms-pivotControl-overflowDot {
    /*line-height:1em;padding:0 1px;border:1px solid #c2c2c2;background:@color1-2;*/
}

/* Icons */
.ms-comm-refreshIcon-a {
    /*right:6px;top:6px;*/
}

/* Line hover */
.ms-itmHoverEnabled:hover > *,
.ms-headerCellStyleHover {
    background-color: #eef1f3;
}

/*---------------------------------
 *  Contextual popups
 *---------------------------------*/
/* Border */
.js-callout-mainElement {
    border-color: #eef1f3;
}

/* Arrow */
.js-callout-beakLeft,
.js-callout-beakRight,
.js-callout-beakTop,
.js-callout-beakBottom {
    border-color: #eef1f3;
}

/* Footer */
.js-callout-footerArea .ms-calloutLink,
.js-callout-footerArea .ms-calloutLink:hover,
.js-callout-footerArea .ms-calloutLink:visited {
    color: #FFF;
}

.ms-core-needIEfilter .ms-srch-hover-actions,
.ms-srch-hover-actions,
.js-callout-footerArea {
    background: #E20B41 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffE20B41, endColorstr=#ffE20B41) !important;
}

.js-callout-ecbActionDownArrow .ms-calloutLink {
    /*width:16px;height:16px;padding:0 1px;border:1px solid #c2c2c2;*/
    background: #f7f7f7;
}

.js-callout-ecbActionDownArrow .ms-calloutLink .js-ellipsis25-icon {
    /*left:-102px;top:-62px;*/
}

/*---------------------------------
 *  Modal box
 *---------------------------------*/
/* Border */
.ms-dlgContent {
    border-color: #FFF;
}

/*---------------------------------
 *  Bugfix
 *---------------------------------
#MSOTlPn_WebPartPageDiv{height:auto !important;}
*/
/*
 *  WEBPARTS 
 *  ------------------------------------------------
 */
/*---------------------------------
 *  WP > Generic style
 *---------------------------------*/
/* Header */
.ms-webpart-chrome-title,
.ms-webpart-chrome-title .js-webpart-titleCell {
    color: #000;
}

.ms-webpart-chrome-title {
    color: #FFF;
}

.ms-webpart-chrome-title .ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-chrome-title .ms-webpart-titleText > a {
    /*color:@color1;font-size:1.1em;*/
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText > a {
    color: #000;
}

/* Arrow + checkbox */
.js-webpart-menuCell {
    width: 12px;
}

/* Body */
.ms-wpContentDivSpace {
    padding: 10px;
    border: none;
    /*border:1px solid #e2e2e2;background:@color1;*/
}

/* Edit mode */
.ms-SPZone > .s4-wpActive,
.ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpActive {
    background-color: #f9f9f9;
}

.ms-SPZone {
    border-color: #f9f9f9;
}

.ms-SPZone:hover {
    border-color: #eef1f3;
}

.ms-WPAddButton {
    border-color: #f9f9f9;
}

.ms-WPAddButton:hover {
    border-color: #eef1f3;
}

/*---------------------------------
 *  WP > Newsfeed
 *---------------------------------*/
/* Title area */
.ms-microfeed-siteFeedTitleArea,
.ms-microfeed-siteFeedTitleArea a,
.ms-microfeed-siteFeedTitleArea a:hover {
    color: #000;
}

/* Main input area */
/* Main input area > Buttons */
/* Tabs */
#ms-titlebardiv {
    border-bottom: 1px solid #eef1f3;
}

/* Main input area > addDocBlock */
#addDocBlock > div.addDocBlock {
    background: #eef1f3;
}

/* Discussion */
/* Discussion > Attachment icon */
.ms-microfeed-thread .ms-microfeed-attachmentButton > span > img {
    /*display:none;*/
}

/* Discussion > Username */
.ms-subtleLink:link,
.ms-subtleLink:visited,
.ms-atMention:link,
.ms-atMention:visited,
.ms-hashTag:link,
.ms-hashTag:visited {
    color: #028abe;
}

/* Discussion > User photo */
/* Discussion > Action links */
.ms-microfeed-messageFooter > a,
.ms-microfeed-messageFooter > a:hover,
.ms-microfeed-messageFooter > a:active,
.ms-microfeed-mysitemenu-control > span > a {
    color: #028abe;
}

/* Discussion > ... */
/* Discussion > Reply */
.ms-microfeed-repliesDiv {
    border: 1px solid #eef1f3;
    background: #f5f5f5;
}

.ms-microfeed-repliesDiv .ms-microfeed-replyMessage {
    border-top: 1px solid #eef1f3;
}

.ms-microfeed-repliesDiv .ms-microfeed-replyMessage .ms-webpart-chrome {
    /*background:darken(#FFF, 4%);*/
}

.ms-microfeed-newReplyDiv .ms-microfeed-focusBox {
    border: 1px solid #eef1f3;
    background: #FFF;
}

/* More link */
.ms-microfeed-seeMoreThreadsDivContainer .ms-microfeed-seeMoreThreadsDiv button {
    color: #028abe;
}

/*---------------------------------
 *  WP > Article
 *---------------------------------*/
.ms-subtleLink:link {
    color: #028abe;
}

/*---------------------------------
 *  WP > Comments
 *---------------------------------*/
.ms-socialCommentItem {
    border-bottom: 1px solid #eef1f3;
}

.ms-socialCommentItem .socialcomment-top .socialcomment-username,
.ms-socialCommentItem .socialcomment-top .socialcomment-username a {
    color: #028abe;
}

.ms-socialCommentItem .socialcomment-cmdlink a,
.ms-socialCommentItem .socialcomment-cmdlink a:link,
.ms-socialCommentItem .socialcomment-cmdlink a:visited {
    color: #028abe;
}

/*---------------------------------
 *  WP > Timeline
 *---------------------------------*/
.ms-tl-mainArea {
    border: 1px solid #eef1f3;
}

.ms-tl-mainArea .ms-tl-todayLabel,
.ms-tl-mainArea .ms-tl-today {
    border-color: #eef1f3 !important;
    background-color: #eef1f3 !important;
}

.ms-tl-mainArea .ms-tl-mainAreaTitle {
    color: #666666;
}

.ms-tl-mainArea .ms-tl-timescale span {
    color: #000 !important;
}

/*---------------------------------
 *  WP > Search
 *---------------------------------*/
/*---------------------------------
 *  WP > Option
 *---------------------------------*/
.ms-ToolPaneOuter a {
    color: #222;
}

/*
 *  MASTERPAGE
 *  ------------------------------------------------
 */
body,
body.ms-backgroundImage {
    /*background:#f3f8fc url("../images/projectprefix-site-bkg.jpg") no-repeat center 0;*/
}

/*---------------------------------
 *  Ribbon > Top
 *---------------------------------*/
#suiteBarLeft #custom-ribbon-sptitle {
    /*display:none;*/
}

/* Left links */
.ms-core-suiteLink-a,
.ms-core-suiteLink-a:visited {
    color: #333333;
}

a.ms-core-suiteLink-disabled {
    color: #666666;
}

.ms-core-suiteLink-a:hover {
    color: #000;
}

/* Arrow Left links */
#Suite_ActiveLinkIndicator_Clip {
    top: 14px;
}

/*---------------------------------
 *  Ribbon > Bottom
 *---------------------------------*/
/*---------------------------------
 *  Page
 *---------------------------------*/
/*---------------------------------
 *  DeltaTopNavigation
 *---------------------------------*/
.ms-core-listMenu-horizontalBox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Level 1 */
.ms-core-listMenu-horizontalBox > ul > li > ul > li > .menu-item,
.ms-core-listMenu-horizontalBox > ul > li > ul > li.static > .menu-item {
    color: #028abe;
}

.ms-core-listMenu-horizontalBox > ul > li > ul > li.selected .menu-item {
    color: #333333;
}

/* Level 2 */
.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul > li a:hover,
.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul > li a.ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul > li a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
    color: #028abe;
}

/* Action menu */
.ms-core-listMenu-horizontalBox .projectprefix-menu-action,
.ms-core-listMenu-horizontalBox .projectprefix-menu-action a {
    color: #028abe;
}

/*---------------------------------
 *  SideNavbox
 *---------------------------------*/
/* container */
#sideNavBox .ms-core-sideNavBox-removeLeftMargin {
    margin: 0;
    color: #474747;
}

/* Shared */
/* Hover Active */
/* Level 1 */
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > .ms-core-listMenu-item:hover {
    background: #eef1f3;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > .ms-core-listMenu-selected:link,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > .ms-core-listMenu-selected:visited,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > .ms-core-listMenu-selected {
    background: #474747;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > .ms-core-listMenu-selected span {
    color: #fff;
}

/* Level 2 */
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul {
    margin-bottom: 7px;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > .ms-core-listMenu-item {
    margin-left: 22px;
    padding-left: 0;
    color: #474747;
    font-size: 0.9em;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > .ms-core-listMenu-item:hover {
    text-decoration: underline;
    background: none;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > .ms-core-listMenu-selected:link,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > .ms-core-listMenu-selected:visited,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > .ms-core-listMenu-selected {
    font-weight: bold;
    border-bottom: 1px solid #474747;
    background: none;
}

/* Level 3 */
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul {
    margin-bottom: 10px;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul > li > .ms-core-listMenu-item {
    margin-left: 34px;
    padding: 2px 5px 2px 0;
    color: #2c2c2c;
    font-size: 0.9em;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul > li > .ms-core-listMenu-item:hover {
    text-decoration: underline;
    background: none;
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul > li > .ms-core-listMenu-selected:link,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul > li > .ms-core-listMenu-selected:visited,
#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root > li > ul > li > ul > li > .ms-core-listMenu-selected {
    font-weight: bold;
    background: none;
}

/* Edit link */
.ms-navedit-editLinksText .ms-navedit-editLinksIconWrapper span {
    color: #474747;
}

.ms-navedit-editLinksText:hover span {
    color: #333;
}

/* Links color */
.ms-ref-refiner #Value > a:hover,
.ms-ref-unsel-toggle:hover {
    color: #474747;
}

/* Store Filter */
#idStorefrontManagementLeftNavBar {
    margin: 0 0 15px;
    background: #fff;
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter {
    list-style: none;
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter li a:hover {
    background: #eef1f3;
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter li.ms-storefront-divider {
    margin: 0 20px;
}

/*---------------------------------
 *  SearchBox
 *---------------------------------*/
#SearchBox .ms-srch-sb {
    border: 1px solid #eef1f3;
    background: #f9f9f9;
}

#SearchBox .ms-srch-sb-borderFocused {
    background: #FFF;
}

#SearchBox .ms-srch-sb .ms-srch-sb-searchLink {
    /*background:transparent url("../images/projectprefix-icons.png") no-repeat -80px -40px;*/
}

#SearchBox .ms-srch-sb .ms-srch-sb-searchLink img.ms-srch-sb-searchImg {
    /*display:none;*/
}

/*---------------------------------
 *  Breadcrumbs
 *---------------------------------*/
/*---------------------------------
 *  Status Bar
 *---------------------------------*/
#DeltaPageStatusBar #pageStatusBar {
    /*background-color:#4E4E4E !important;border-color:#7D7D7D !important;*/
}

#DeltaPageStatusBar #pageStatusBar[class],
#DeltaPageStatusBar .ms-status-msg {
    /*color:@color1;*/
}

#DeltaPageStatusBar .ms-status-yellow > .ms-status-status > .ms-status-iconSpan > .ms-status-iconImg {
    /*left:-16px;top:-236px;*/
}

/*
 *  LAYOUTS 
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Search page
 *---------------------------------*/
/* Result Item */
body .ms-srch-item-link {
    color: #028abe;
}

body .ms-srch-item:hover,
body .ms-srch-resultHover:hover,
body .edisc-SearchResultItemContainer:hover {
    background-color: #eef1f3;
}

body .ms-srch-item-path {
    color: #028abe;
}

/* Histogram */
.histogram_bar_active {
    background-color: #eef1f3;
    border-left: 1px solid #eef1f3;
    border-right: 1px solid #eef1f3;
    border-top: 2px solid #eef1f3;
}

.ajax__multi_slider_default .inner_rail_horizontal {
    background-color: #eef1f3;
    border-bottom: 1px solid #eef1f3;
    border-top: 1px solid #eef1f3;
}

.slider_tick_active {
    background-color: #eef1f3;
    border: 1px solid #eef1f3;
}

/* Hover panel */
.ms-srch-hover-actions {
    background: #eef1f3;
}

body .ms-srch-hover-actions,
body .ms-srch-hover-actions a,
body .ms-srch-hover-actions .ms-calloutLink:link,
body .ms-srch-hover-actions a.ms-calloutLink:visited,
body .ms-srch-hover-actions .ms-calloutLinkDisabled,
body .ms-srch-hover-actions .ms-commandLink,
body .ms-srch-hover-actions .ms-commandLink:visited,
body .ms-srch-hover-actions .ms-secondaryCommandLink,
body .ms-srch-hover-actions .ms-secondaryCommandLink:visited {
    color: #FFF;
}

body .ms-srch-hover-actions .ms-calloutLink:hover,
body .ms-srch-hover-actions .ms-commandLink:hover,
body .ms-srch-hover-actions .ms-secondaryCommandLink:hover {
    color: #FFF;
    text-decoration: underline;
}

/* Scopes */
.ms-srchnav-link-selected:link,
.ms-srchnav-link-selected:visited {
    color: #000;
}

.ms-srchnav-link:hover,
.ms-srchnav-link-selected:hover {
    color: #000;
    text-decoration: underline;
}

/*
 *  RTE ELEMENTS 
 *  ------------------------------------------------
 */
/*---------------------------------
 *  Basics
 *---------------------------------*/
/* Headings > default */
.ms-rtestate-field h1 {
    color: #000;
}

.ms-rtestate-field h2 {
    color: #000;
}

.ms-rtestate-field h3 {
    color: #000;
}

.ms-rtestate-field h4 {
    color: #000;
}

/* Headings > colored */
h1.ms-rteElement-H1B {
    color: #995fd5;
}

h2.ms-rteElement-H2B {
    color: #995fd5;
}

h3.ms-rteElement-H3B {
    color: #995fd5;
}

h4.ms-rteElement-H4B {
    color: #995fd5;
}

/* Paragraph */
/* Simple link */
/*---------------------------------
 *  Lists
 *---------------------------------*/
/* Unordered (default browser) */
/* Ordered (default browser) */
/*---------------------------------  
 *  Quotes (citation)
 *---------------------------------*/
.ms-rteStyle-Quote {
    font-family: 'bnp';
    font-size: 1rem;
    color: #b1b1b1;
    display: block;
    position: relative;
    padding: 30px 45px;
    font-style: normal;
    z-index: 1;
}

.ms-rteStyle-Quote:before {
    display: inline-block;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: -1;
    color: #ececec;
    content: "“";
    font-size: 12.875rem;
    font-family: 'bnpcond';
    font-weight: bolder;
}

/*.ms-rteStyle-Quote:after{top:auto;bottom:-24px;left:auto;right:0;content:"„"}*/
/* intense */
.ms-rteStyle-IntenseQuote {
    font-family: 'bnp';
    font-size: 1rem;
    color: #454545;
    display: block;
    position: relative;
    padding: 30px 45px;
    font-style: normal;
    z-index: 1;
}

.ms-rteStyle-IntenseQuote:before {
    display: inline-block;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: -1;
    color: #bde2d0;
    content: "“";
    font-size: 12.875rem;
    font-family: 'bnpcond';
    font-weight: bolder;
}

/*.ms-rteStyle-IntenseQuote:after{top:auto;bottom:-24px;left:auto;right:10px;content:"„"}*/
/*---------------------------------  
 *  Emphasis
 *---------------------------------*/
.ms-rteStyle-Emphasis {
    font-family: 'bnplight';
    font-size: 0.875rem;
    font-style: normal;
    color: #b1b1b1;
}

/* intense */
.ms-rteStyle-IntenseEmphasis {
    font-family: 'bnplight';
    font-size: 0.875rem;
    font-style: normal;
    color: #b1b1b1;
    text-decoration: underline;
}

/*---------------------------------  
 *  Reference
 *---------------------------------*/
.ms-rteStyle-References,
.ms-rteStyle-References * {
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    color: #b1b1b1;
}

/* intense */
.ms-rteStyle-IntenseReferences,
.ms-rteStyle-IntenseReferences * {
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    color: #b1b1b1;
    text-decoration: underline;
}

/*---------------------------------
 *  Tables
 *---------------------------------*/
table {
    width: 100%;
}

table,
th,
td {
    padding: 20px;
    border: 1px solid #d4d4d4;
    font-family: 'bnp';
    font-size: 0.9375rem;
    color: #303030;
}

/* Default */
.ms-rteTable-default,
.ms-rteTable-default > tbody > tr > td,
.ms-rteTable-default > tbody > tr > th,
td.ms-rteTable-default,
th.ms-rteTable-default,
.ms-rtetablecells {
    border: 1px solid #C6C6C6;
}

/* Accent With alternate td color */
.ms-rteTable-6 tr.ms-rteTableHeaderRow-6,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6,
.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 > th,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > th,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > td {
    background-color: #995fd5;
}

.ms-rteTable-6 tr.ms-rteTableOddRow-6 {
    background: #f9f9f9;
}

/*
 *  DYNAMICS ELEMENTS
 *  ------------------------------------------------
 */
/*---------------------------------
 *  BXSLider
 *---------------------------------*/
#bnp-slider-favor {
    position: relative;
    height: 300px;
    width: 100%;
    overflow: hidden;
    margin-top: 24px;
}

#bnp-slider-favor .list_carousel,
#bnp-slider-favor .plzslider_wrapper {
    min-height: 300px;
}

#bnp-slider-favor .list_carousel ul {
    min-height: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
}

#bnp-slider-favor .list_carousel li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    height: 300px;
}

#bnp-slider-favor .list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

#bnp-slider-favor .frame {
    min-height: 300px;
}

#bnp-slider-favor .frame img {
    width: 100%;
}

#bnp-slider-favor .detail {
    position: absolute;
    width: 1024px;
    top: 0;
    left: calc((100% - 1024px) / 2);
    text-align: center;
    padding: 50px 0 0 0;
}

#bnp-slider-favor .detail p {
    display: inline-block;
    width: 100%;
    font-size: 2.375rem;
    color: #fff;
    font-family: 'bnplight';
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 150px;
}

#bnp-slider-favor .detail a {
    display: inline-block;
    font-size: 0.9375rem;
    color: #fff;
    background: #199d69;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 12px;
}

#bnp-slider-favor .prev {
    height: 54px;
    width: 50px;
    position: absolute;
    top: 120px;
    left: calc((100% - 1024px) / 2);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#bnp-slider-favor .prev.disabled {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
    cursor: default;
}

#bnp-slider-favor .prev:before {
    position: absolute;
    top: 19px;
    left: 0;
    content: '\e901';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.625rem;
}

#bnp-slider-favor .next {
    height: 54px;
    width: 50px;
    position: absolute;
    top: 120px;
    right: calc((100% - 1024px) / 2);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#bnp-slider-favor .next.disabled {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
    cursor: default;
}

#bnp-slider-favor .next:before {
    position: absolute;
    top: 19px;
    right: 0px;
    content: '\e902';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.625rem;
}

/*---------------------------------
 *  Dropdown (css3)
 *---------------------------------*/
.bnp-ddown {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.bnp-ddown .bnp-ddown-trigger {
    display: inline-block;
    font-size: 1.125rem;
}

.bnp-ddown .bnp-ddown-trigger:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin: 7px 0 0 30px;
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #028abe;
}

.bnp-ddown .bnp-ddown-target {
    position: absolute;
    top: 30px;
    left: -20px;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    list-style: none;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}

.bnp-ddown .bnp-ddown-target li {
    border-top: 1px solid #d4d4d4;
}

.bnp-ddown .bnp-ddown-target li:first-child {
    border: 0;
}

.bnp-ddown .bnp-ddown-target li a {
    display: block;
    padding: 15px 0;
    color: #666666;
}

.bnp-ddown .bnp-ddown-target li a:hover {
    text-decoration: none;
    color: #028abe;
}

.bnp-ddown.bnp-opened .bnp-ddown-target {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

ul.bnp-select-init {
    height: 30px;
    width: 150px;
    border: 1px #000 solid;
}

ul.bnp-select-init li {
    padding: 5px 10px;
    z-index: 2;
}

ul.bnp-select-init li:not(.init) {
    float: left;
    width: 130px;
    display: none;
    background: #ddd;
}

ul.bnp-select-init li:not(.init):hover,
ul.bnp-select-init li.selected:not(.init) {
    background: #f7f7f7;
}

li.init {
    cursor: pointer;
}

/*---------------------------------
 *  Toggle (css3)
 *---------------------------------*/
.bnp-toggle {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.bnp-toggle .bnp-toggle-trigger {
    display: inline-block;
}

.bnp-toggle .bnp-toggle-trigger:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin: 3px 0 0 30px;
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #028abe;
}

.bnp-toggle .bnp-toggle-target {
    width: 100%;
    padding: 0 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}

.bnp-toggle .bnp-toggle-target li {
    border-top: 1px solid #d4d4d4;
}

.bnp-toggle .bnp-toggle-target li:first-child {
    border: 0;
}

.bnp-toggle .bnp-toggle-target li a {
    display: block;
    padding: 15px 0;
    color: #666666;
}

.bnp-toggle .bnp-toggle-target li a:hover {
    text-decoration: none;
    color: #028abe;
}

.bnp-toggle.bnp-opened .bnp-toggle-target {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

/*---------------------------------
 *  General Modal  
 *---------------------------------*/
.bnp-modal {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 20%;
    left: calc((50% - 240px));
    padding: 40px;
    width: 480px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

.bnp-modal .bnp-modal-content {
    position: relative;
}

.bnp-modal .bnp-modal-content .close {
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
}

.bnp-modal .bnp-modal-content .close:before {
    position: absolute;
    top: -6px;
    right: -6px;
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    padding: 6px;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-modal .bnp-modal-content h2 {
    font-size: 1rem;
    font-family: 'bnpbold';
    color: #151515;
    margin-bottom: 26px;
}

.bnp-modal .bnp-modal-content h3 {
    font-size: 0.875rem;
    font-family: 'bnpbold';
    color: #b0b0b0;
}

.bnp-modal .bnp-modal-content p {
    font-size: 1rem;
    font-family: 'bnplight';
    color: #151515;
    margin-bottom: 16px;
}

.bnp-modal .bnp-modal-content input {
    font-size: 0.875rem;
    font-family: 'bnp';
    color: #151515;
    padding: 12px 18px;
    box-sizing: border-box;
}

.bnp-modal .bnp-modal-content .bnp-modal-btn {
    text-align: right;
}

.bnp-modal .bnp-modal-content .bnp-modal-btn .bnp-btn-cancel {
    display: inline-block;
    color: #3fb387;
    border: 2px solid #3fb387;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 14px;
    margin: 10px 0 10px 12px;
    cursor: pointer;
}

.bnp-modal .bnp-modal-content .bnp-modal-btn .bnp-btn-save {
    display: inline-block;
    color: #fff;
    border: 2px solid #3fb387;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #3fb387;
    padding: 10px 14px;
    margin: 10px 0 10px 12px;
    cursor: pointer;
}

.bnp-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.75);
}

/* bnp-favorit-modal */
/*---------------------------------
 *  Loader  
 *---------------------------------*/
.bnp-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0d864f;
    width: 160px;
    height: 160px;
    margin: 30px auto;
    -webkit-animation: spin 2s ease infinite;
    /* Safari */
    animation: spin 2s ease infinite;
}

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

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

/*---------------------------------
 *  Loader  Pointer 
 *---------------------------------*/
.bnp-loader-point {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.bnp-loader-point div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 8px;
    background: #199d69;
    animation: loader-point 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.bnp-loader-point div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}

.bnp-loader-point div:nth-child(2) {
    left: 20px;
    animation-delay: -0.12s;
}

.bnp-loader-point div:nth-child(3) {
    left: 34px;
    animation-delay: 0;
}

@keyframes loader-point {
    0% {
        top: 6px;
        height: 51px;
    }
    50%,
    100% {
        top: 19px;
        height: 20px;
    }
}

/*---------------------------------
 *  Loader  
 *---------------------------------*/
#bnp-gestion-group .container-radio {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#bnp-gestion-group .container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#bnp-gestion-group .container-radio input:checked ~ .checkmark {
    border-color: #199d69;
}

#bnp-gestion-group .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
}

#bnp-gestion-group .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#bnp-gestion-group .container-radio input:checked ~ .checkmark:after {
    display: block;
}

#bnp-gestion-group .container-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #199d69;
    /* border: 2px solid #eee; */
}

/*---------------------------------
 *  Loader  
 *---------------------------------*/
.bnp-radio-cheker {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    padding: 2px;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 6px;
    background: #a7a7a7;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.bnp-radio-cheker:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -3px;
    left: -5px;
    width: 18px;
    height: 18px;
    background: #efefef;
    border: 1px solid #a7a7a7;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bnp-radio-cheker.active {
    background: #199d69;
    border-color: #199d69;
}

.bnp-radio-cheker.active:before {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    left: 15px;
    background: #68cd75;
    border-color: #68cd75;
}

.bnp-radio-cheker.bnp-disabled {
    background: #F3F3F3;
    border-color: #E8E8E8;
    cursor: no-drop;
}

.bnp-radio-cheker.bnp-disabled:before {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    left: 15px;
    background: #F3F3F3;
    border-color: #E8E8E8;
}

.bnp-radio-cheker.bnp-choice {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 19px;
    padding: 2px;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 6px;
    background: #a7a7a7;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.bnp-radio-cheker.bnp-choice span {
    font-size: 0.75rem;
    color: #fff;
    text-align: right;
    position: absolute;
    top: 3px;
    line-height: 9px;
}

.bnp-radio-cheker.bnp-choice span.yes {
    display: none;
    left: 3px;
}

.bnp-radio-cheker.bnp-choice span.no {
    left: 19px;
}

.bnp-radio-cheker.bnp-choice:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #efefef;
    border: 1px solid #a7a7a7;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bnp-radio-cheker.bnp-choice.active {
    background: #199d69;
    border-color: #199d69;
}

.bnp-radio-cheker.bnp-choice.active span.no {
    display: none;
}

.bnp-radio-cheker.bnp-choice.active span.yes {
    display: block;
}

.bnp-radio-cheker.bnp-choice.active:before {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    left: 26px;
    background: #68cd75;
    border-color: #68cd75;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=199d69&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: 0.12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 7px;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 0.5em;
    top: 0.3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0.222em 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    z-index: 10000 !important;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #199d69;
    background: #199d69;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #199d69;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #00965E;
    background: #89C5AF;
    color: #000;
}

.ui-state-checked {
    border: 1px solid #00965E;
    background: #89C5AF;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: alpha(opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

* {
    outline: none;
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    z-index: 9999999 !important;
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    position: relative;
}

.introjs-helperLayer {
    display: none;
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    display: none;
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #ff3019;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
    /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    /* W3C */
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
    /* IE6-9 */
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    /* IE10 text shadows */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
    border: 5px solid transparent;
    content: '';
    position: absolute;
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: white;
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: white;
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: white;
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: white;
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: white;
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: white;
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: white;
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: white;
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: white;
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px 10px 22px 10px;
    background-color: #F0F0F0;
    min-width: 300px;
    max-width: 400px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.introjs-skipbutton {
    display: block;
    text-align: right;
    color: #A9A9A9;
    margin-bottom: 14px;
    font-family: bnplight;
    font-size: 0.8125rem;
    text-decoration: underline;
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
    padding: 10px 20px;
    background: #C2C2C2;
    border-radius: 3px;
    font-size: 0.8125rem;
    color: #fff;
    float: left;
    min-width: 60px;
    text-align: center;
    cursor: pointer;
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-nextbutton {
    cursor: pointer;
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;
    padding: 10px 20px;
    background: #61B08A;
    border-radius: 3px;
    font-size: 0.8125rem;
    color: #fff;
    min-width: 60px;
    text-align: center;
    float: right;
    position: relative;
    z-index: 10;
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
    /* Addons */
    display: none;
}

.introjs-hidden {
    display: none;
}

.introjs-bullets {
    position: absolute;
    top: 20px;
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block;
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px;
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    border: 3px solid #F0F0F0;
}

.introjs-bullets ul li a:hover {
    background: #999;
}

.introjs-bullets ul li a.active {
    background: #61B08A;
    border-color: #d4e3de;
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1;
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.introjs-fixedTooltip {
    position: fixed;
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer;
}

.introjs-hint:focus {
    border: 0;
    outline: 0;
}

.introjs-hidehint {
    display: none;
}

.introjs-fixedhint {
    position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* Addons DEV */
.introjs-tooltiptext h2 {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 24px;
}

.introjs-tooltiptext p {
    color: #000;
    font-size: 1rem;
    font-family: bnplight;
}

/* close */
.intro-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
}

.intro-close:before {
    position: absolute;
    top: 6px;
    right: 10px;
    content: '\e905';
    height: 10px;
    width: 10px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.875rem;
    box-sizing: border-box;
}

/* Notif Notif */
#bnp-intro-notif {
    width: 424px;
    position: fixed;
    top: 130px;
    left: 0;
    z-index: 1000;
    background: #fff;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

#bnp-intro-notif h2 {
    font-size: 1.25rem;
    color: #fff;
    background: #199D69;
    padding: 14px 14px 12px 50px;
    position: relative;
}

#bnp-intro-notif h2:before {
    position: absolute;
    top: 8px;
    left: 14px;
    content: '\e944';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.125rem;
    box-sizing: border-box;
}

#bnp-intro-notif #bnp-intro-notif-content {
    padding: 14px 28px;
}

#bnp-intro-notif #bnp-intro-notif-content p {
    font-size: 1rem;
    font-family: bnplight;
    margin-bottom: 14px;
}

#bnp-intro-notif #bnp-intro-notif-content a {
    box-sizing: border-box;
}

#bnp-intro-notif #bnp-intro-notif-content .postpone {
    color: #000;
    text-align: left;
    text-decoration: underline;
    display: block;
    font-family: 'bnplight';
    font-size: 0.875rem;
    margin-bottom: 10px;
}

#bnp-intro-notif #bnp-intro-notif-content .refuse {
    display: inline-block;
    min-width: 130px;
    padding: 12px;
    border: 2px solid #199D69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #199D69;
    text-align: center;
    margin-right: 12px;
}

#bnp-intro-notif #bnp-intro-notif-content .accept {
    display: inline-block;
    min-width: 130px;
    padding: 12px;
    border: 2px solid #199D69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background: #199D69;
    text-align: center;
    margin-right: 12px;
}

.introjs-overlay {
    pointer-events: none;
    cursor: default;
}

.introjs-tooltipbuttons {
    position: relative;
}

.introjs-tooltipbuttons .save {
    position: absolute;
    right: 0;
    cursor: pointer;
    text-align: center;
    z-index: 0;
    padding: 10px 20px;
    background: #fff;
    border-radius: 3px;
    font-size: 0.8125rem;
    color: #199D69;
    min-width: 60px;
}

/*---------------------------------
 *  Table sorter 
 *---------------------------------*/
.tablesorter-default {
    width: 100%;
    color: #333;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left;
    border: 0 none;
    font-family: 'bnplight';
}

.tablesorter-default th,
.tablesorter-default thead td {
    font-weight: 700;
    color: #000;
}

.tablesorter-default th {
    position: relative;
}

/*
.tablesorter-default th::before{position:absolute;top:16px; right:0px; content:'';width:1px;height:18px;background:#999;}
.tablesorter-default th.sorter-false::before{display:none;}
*/
.tablesorter-default tfoot td,
.tablesorter-default tfoot th {
    border: 0;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 4px 4px 22px;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerSortUp {
    border-top: #000 2px solid;
}

/*.tablesorter-default td{background-color:#fff;border-bottom:#ccc 1px solid;padding:4px;vertical-align:top}
.tablesorter-default tbody>tr.even:hover>td,.tablesorter-default tbody>tr.hover>td,.tablesorter-default tbody>tr.odd:hover>td,.tablesorter-default tbody>tr:hover>td{background-color:#fff;color:#000}
.tablesorter-default .tablesorter-processing{background-position:center center!important;background-repeat:no-repeat!important;background-image:url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important}
.tablesorter-default tr.odd>td{background-color:#dfdfdf}
.tablesorter-default tr.even>td{background-color:#efefef}.tablesorter-default tr.odd td.primary{background-color:#bfbfbf}
.tablesorter-default td.primary,.tablesorter-default tr.even td.primary{background-color:#d9d9d9}
.tablesorter-default tr.odd td.secondary{background-color:#d9d9d9}
.tablesorter-default td.secondary,.tablesorter-default tr.even td.secondary{background-color:#e6e6e6}
.tablesorter-default tr.odd td.tertiary{background-color:#e6e6e6}
.tablesorter-default td.tertiary,.tablesorter-default tr.even td.tertiary{background-color:#f2f2f2}
.tablesorter-default>caption{background-color:#fff}
.tablesorter-default .tablesorter-filter-row{background-color:#eee}
.tablesorter-default .tablesorter-filter-row td{background-color:#eee;border-bottom:#ccc 1px solid;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}
.tablesorter-default .tablesorter-filter-row .disabled{opacity:.5;cursor:not-allowed}
.tablesorter-default .tablesorter-filter-row.hideme td{padding:2px;margin:0;line-height:0;cursor:pointer}
.tablesorter-default .tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0}
.tablesorter-default input.tablesorter-filter,.tablesorter-default select.tablesorter-filter{width:95%;height:auto;margin:4px auto;padding:4px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}
.tablesorter .filtered{display:none}
.tablesorter .tablesorter-errorRow td{text-align:center;cursor:pointer;background-color:#e6bf99}*/
.tablesorter-default th,
.tablesorter-default td {
    border: 0 none;
    border-bottom: 1px solid #d4d4d4;
    padding: 4px 2px;
    line-height: 3;
    font-family: 'bnplight';
}

.tablesorter-default th:nth-child(2),
.tablesorter-default td:nth-child(2) {
    font-weight: bold;
}

.tablesorter-default th:nth-child(7),
.tablesorter-default td:nth-child(7) {
    text-align: center;
}

.tablesorter-default tbody {
    background: #fff;
}

.tablesorter-default thead tr th:first-child {
    text-align: center;
}

.tablesorter-default tbody tr td:first-child {
    text-align: center;
}

.tablesorter-default thead tr th img,
.tablesorter-default tbody tr td img {
    margin-bottom: -10px;
}

.tablesorter-default tbody tr td {
    position: relative;
}

.tablesorter-default tbody tr td .downloader {
    display: inline-block;
}

.tablesorter-default tbody tr td .downloader:before {
    content: '\e92e';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.tablesorter-default tbody tr td .star {
    display: inline-block;
}

.tablesorter-default tbody tr td .star:before {
    content: '\e914';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #199d69;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.tablesorter-default tbody tr td .star.active:before {
    content: '\e93b';
}

/* Tooltip */
.tablesorter-default * .tooltip-title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.tablesorter-default * .tooltip-title:hover .tooltop-ifram {
    display: block;
}

.tablesorter-default .tooltop-ifram {
    display: none;
    position: absolute;
    top: -80px;
    right: -350px;
    height: 400px;
    width: 350px;
    background: #e0e0e0;
    z-index: 100;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    box-sizing: border-box;
    padding: 10px;
}

.tablesorter-default .tooltop-ifram:before {
    content: '';
    display: inline-block;
    background: #e0e0e0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    left: -6px;
    top: 92px;
}

/* Table sorter Pager */
.bnp-tablesorter-pager {
    padding: 0;
    margin: 0;
    text-align: center;
}

.bnp-tablesorter-pager span {
    display: inline-block;
    cursor: pointer;
    color: #000;
    width: 26px;
    padding: 6px 2px 2px 2px;
    margin: 0 4px;
    box-sizing: border-box;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3;
}

.bnp-tablesorter-pager span.active {
    color: #fff;
    background: #199d69;
}

/* Icons files */
.tablesorter-default tbody tr td:first-child span {
    display: inline-block;
    width: 32px;
    height: 42px;
}

.tablesorter-default tbody tr.file td:first-child {
    background: url('../../images/file.png') no-repeat center center;
}

.tablesorter-default tbody tr.pdf td:first-child {
    background: url('../../images/pdf.png') no-repeat center center;
}

.tablesorter-default tbody tr.doc td:first-child {
    background: url('../../images/word.png') no-repeat center center;
}

.tablesorter-default tbody tr.xls td:first-child {
    background: url('../../images/excel.png') no-repeat center center;
}

/*
 *  Dev Addons style
 *  ------------------------------------------------
 */
.bnp-report-content .bnp-report-section02 {
    width: 380px;
    margin-top: 20px;
}

.bnp-report-content .bnp-report-chart {
    width: 151px;
}

#bnp-Useful-links h2 {
    padding-top: 8px;
}

.bnp-tile-entry .bnp-tile-detail {
    padding: 28px 40px 18px 40px;
}

.bnp-actu-section.type2 #bnp-reference .bnp-section {
    min-height: 402px;
}

/* Pagination */
.pagination-container .pagination {
    text-align: center;
}

.pagination-container .pagination li {
    margin: 0 8px;
    padding: 6px 4px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pagination-container .pagination li a {
    color: #444;
    padding: 4px 8px;
}

.pagination-container .pagination li.active {
    background: #3fb387;
}

.pagination-container .pagination li.active a {
    color: #fff;
}

.pagination-container .pagination li.PagedList-skipToPrevious,
.pagination-container .pagination li.PagedList-skipToNext {
    display: inline-block;
    position: relative;
}

.pagination-container .pagination li.PagedList-skipToPrevious a,
.pagination-container .pagination li.PagedList-skipToNext a {
    color: #e0e0e0;
    padding: 12px;
    font-size: 1px;
    position: relative;
    z-index: 20;
}

.pagination-container .pagination li.PagedList-skipToPrevious:before,
.pagination-container .pagination li.PagedList-skipToNext:before {
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    color: #444;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 10;
    cursor: pointer;
}

.pagination-container .pagination li.PagedList-skipToNext:before {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#bnp-company #bnp-company-filter #bnp-company-tools .bnp-tools-items {
    border-color: #fff;
}

#bnp-company #bnp-company-filter #bnp-company-tools .bnp-tools-items .bnp-grid .bnp-grid-gutter .custom-checkbox:nth-child(1) {
    color: #151515;
    font-family: bnplight;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    min-height: 40px;
    box-sizing: border-box;
    padding-right: 5px;
}

/* Creation de compt addons */
.bnp-form-section fieldset legend input {
    margin: -10px 0 20px 20px;
    font-size: 0.875rem;
    padding-left: 6px;
}

.bnp-radio-cheker {
    margin-top: -2px;
}

.bnp-loader-point {
    left: 239px !important;
}

.bnp-form-entry .bnp-form-msg {
    display: block;
    color: #9d265c;
    font-size: 0.875rem;
    margin-top: -4px;
}

.input-validation-error {
    color: #9d265c !important;
    border-color: #9d265c !important;
}

.bnp-report-entry.bnp-report-entry-fixedheight {
    min-height: 300px !important;
}

#bnp-company-simple #bnp-company-result {
    width: 100%;
    float: none;
    box-sizing: border-box;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header #bnp-search-helper {
    z-index: 1;
}

.bnp-company-fixed {
    min-height: 700px;
}

.bnp-penpal-search .bnp-penpal-history {
    /*max-height: 520px;*/
    overflow: auto;
    box-sizing: border-box;
}

#bnp-error-section.bnp-disconnected-page {
    min-height: calc((100vh - 167px));
    box-sizing: border-box;
    padding-top: 200px;
}

.bnp-disclaimer.detail-graph h3 {
    display: block;
    color: #0d864f;
}

#bnp-supports-conteneur .bnp-disclaimer.detail-graph h3 {
    color: #0d864f;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2px;
}

#bnp-supports-conteneur .bnp-supports-detail {
    min-width: 930px;
    min-height: 460px;
}

.bnp-gap ul.bnp-select-init li:not(.init) {
    z-index: 100008;
    position: relative;
}

.bnp-disclaimer {
    padding-top: 20px;
}

.bnp-error-user-msg {
    color: red;
    margin-left: 150px;
    font-size: 0.875rem;
}

/**/
#bnp-supports-conteneur .bnp-modal-close {
    top: 20px !important;
}

.bnp-report-section.bnp-recast .bnp-report-legende {
    position: relative;
    padding-left: 12px;
    line-height: 19px;
}

.bnp-grid-interne .bnp-form-entry {
    float: left;
}

.bnp-grid-interne .bnp-form-entry input {
    margin-bottom: 12px;
}

.bnp-grid-interne .bnp-form-entry .bnp-form-msg {
    margin-left: 22px;
}

#bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-grid .bnp-grid-cell.bnp-grid12:nth-child(1) {
    border-right: none !important;
}

#bnp-company #bnp-company-result .bnp-penpal-cell.bnp-penpal-cellheader-bg {
    display: block !important;
}

.bnp-radio-cheker.inactif {
    background: red !important;
}

/*---------------------------------
 *  pen pal company w
 *---------------------------------*/
.bnp-penpal-company {
    padding-bottom: 30px;
    /* Edition Addons */
    /* Contact activated */
}

.bnp-penpal-company a.mail:after {
    content: '\2709';
    font-size: 1.25rem;
}

.bnp-penpal-company .detailAndEdit {
    display: block;
}

.bnp-penpal-company .contactInfo {
    display: none;
}

.bnp-penpal-company.bnp-contact-panel .detailAndEdit {
    display: none;
}

.bnp-penpal-company.bnp-contact-panel .contactInfo {
    display: block;
}

.bnp-penpal-history::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.bnp-penpal-history::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-cell-unit .bnp-default-cell {
    background: #777 !important;
}

.Timer {
    position: fixed;
    width: 200px;
    height: 40px;
    background: #444;
    color: #fff;
    z-index: 1000;
    padding: 16px;
    font-family: �bnplight;
    border-radius: 3px;
}

.block-information {
    background: #fff;
    padding: 20px;
}

.bnp-form-section fieldset .bnp-form-entry .info .tooltip-info:before {
    top: 38px !important;
}

.info span {
    overflow-wrap: break-word;
    z-index: 10000;
}

.bnp-bordtable-pie .bnp-report-legende {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.bnp-modal.bnp-modal-large {
    left: calc(50% - 400px);
    width: 800px;
    top: 10%;
}

.bnp-penpal-Summary-detail {
    max-height: 500px;
    overflow: auto;
    margin-bottom: 22px;
}

.bnp-penpal-Summary-detail::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.bnp-penpal-Summary-detail::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry .bnp-mail a {
    word-break: break-all;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry {
    min-height: 200px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry.type1 h2:before {
    display: none;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry .border {
    height: 34px;
    width: 4px;
    background: #444;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1;
}

.bnp-pie-chart {
    z-index: 100;
}

.bnp-penpal-company .bnp-grid h3 {
    min-height: 24px;
}

.bnp-manage-contact .bnp-contact-section .bnp-contact-entry p span {
    display: block;
}

#bnp-article .bnp-acticle-tag {
    font-family: 'bnp';
}

.bnp-form-section fieldset .bnp-form-entry .info:before {
    position: static;
}

/* pointer */
#bnp-intro-notif-content .postpone,
#bnp-intro-notif-content .refuse,
#bnp-intro-notif-content .accept,
.introjs-nextbutton,
.introjs-prevbutton,
.introjs-skipbutton {
    cursor: pointer;
}

/*.checkmark {
    border-radius: 0 !important;
}*/
/*.custom-checkbox .checkmark:after {
    left: 5px !important;
    top: 2px !important;
}*/
#bnp-header #bnp-tools #bnp-tools-card {
    position: relative;
}

#bnp-header #bnp-tools .bnp-tools-info {
    right: -115px;
}

#bnp-header #bnp-tools #bnp-tools-card:hover .bnp-tools-info {
    display: block;
}

.bnp-not-allowed,
.bnp-not-allowed:hover {
    min-width: 150px;
    background: #e0e0e0;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    cursor: not-allowed;
    border: 1px solid #fff;
}

.bnp-icon-not-allowed,
.bnp-icon-not-allowed:hover {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    cursor: not-allowed !important;
    color: #c2c2c2 !important;
}

.info-adjust {
    position: relative !important;
}

.info-adjust .info {
    position: absolute !important;
    top: -14px;
    right: 0;
}

.info.registration {
    margin: 7px 0 0 0;
    height: 16px;
}

.info.registration .bnp-form-entry label .info:before {
    position: absolute;
    top: 8px;
}

.info.registration .tooltip-info {
    top: -43px;
}

#bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header {
    position: relative;
}

#bnp-company #bnp-company-result #bnp-search-zone.bnp-search-type2 #bnp-search-header {
    position: static;
}

.block-information {
    margin-bottom: 20px;
}

.bnp-block-center-chart {
    width: 555px;
    margin: 0 auto;
    max-width: 100%;
}

.bnp-text-align {
    padding-top: 42px;
}

/*#bnp-penpal-history {
    overflow: auto !important;
}*/
#bnp-penpal-history::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

#bnp-penpal-history::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-penpal-search .bnp-penpal-history > span {
    cursor: pointer;
}

.bnp-block-infoflash.bnp-blanc {
    background-color: #fff;
    display: block !important;
}

/* ability link */
.bnp-ability-account .bnp-ability-section .bnp-ability-entry h3 a {
    color: #151515;
    white-space: nowrap;
}

/**/
#bnp-msg-block #bnp-msg-content p {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #7777;
}

#bnp-msg-block #bnp-msg-content p:nth-child(2) {
    border-top: none;
}

.bnp-overlay {
    background: rgba(0, 0, 0, 0.45);
    z-index: 100;
}

.infocentre ~ .bnp-overlay {
    top: 285px;
}

.infocentre .bnp-iframe {
    top: 10px;
    position: relative;
}

#bnp-supports-conteneur .bnp-supports-detail {
    top: 200px;
    bottom: -87px;
}

#bnp-loading.bnp-modal {
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1000;
    padding-top: 130px;
}

#bnp-topnav {
    position: relative;
    z-index: 10000;
}

#bnp-header {
    z-index: 100005;
}

/* Page login */
#bnp-login-page {
    background: #fff;
}

#bnp-login-page .bnp-form-section .bnp-button {
    float: right;
    min-width: 140px !important;
}

#bnp-login-page .login-label {
    padding: 0 10px;
    font-family: bnplight;
    text-align: center !important;
}

#bnp-login-page .login-label a {
    color: #5dc66a;
    text-decoration: underline;
}

#bnp-login-page .bnp-button {
    margin-bottom: 30px;
}

.bnp-form-section .bnp-section > p {
    padding: 8px 0 26px 0;
    color: #555;
    font-size: 1rem;
}

.bnp-form-section .bnp-section > p span {
    display: block;
    color: #777;
}

#bnp-login-page .bnp-form-section h4 {
    font-size: 1rem;
}

#bnp-login-page .bnp-form-section {
    padding: 88px 0 30px 0;
}

#bnp-login-page .bnp-form-section .bnp-section {
    width: 480px;
}

#bnp-login-page .bnp-form-section .bnp-button {
    /*margin-top:20px;*/
}

body #bnp-login-page .login-label {
    text-align: left !important;
    width: 480px;
    margin: 0 auto;
}

/* modal chart addons */
body #bnp-supports-conteneur .bnp-modal-close {
    right: calc(((100% - 1024px) / 2) + 20px);
    top: 225px !important;
    position: fixed;
}

.custom-checkbox-sublist {
    display: block;
    padding-left: 40px;
    font-family: 'bnplight';
    margin: 4px 0;
    font-size: 0.8125rem;
}

.custom-checkbox-sublist:before {
    content: '- ';
    display: inline-block;
    margin-right: 5px;
}

.custom-checkbox-seeter {
    margin-top: -6px;
}

/* penpal factor*/
.bnp-penpal-factor-operational {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    font-size: 0.75rem;
    background: #E2E2E2;
    font-family: "bnplight";
    cursor: pointer;
}

.bnp-penpal-factor-operational.active {
    background: #00A0B1;
    color: #fff;
}

.bnp-penpal-factor-operational.disable {
    background: #EEEEEE;
    color: #CFCFCF;
    cursor: initial;
}

.bnp-penpal-factor-operational:hover span {
    display: block;
}

.bnp-penpal-factor-principal {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    font-size: 0.75rem;
    background: #E2E2E2;
    font-family: "bnplight";
    cursor: pointer;
}

.bnp-penpal-factor-principal.active {
    background: #ffa500;
    color: #fff;
}

.bnp-penpal-factor-principal.disable {
    background: #EEEEEE;
    color: #CFCFCF;
    cursor: initial;
}

.bnp-penpal-factor-principal:hover span {
    display: block;
}

.bnp-tooltip {
    display: none;
    position: absolute;
    top: -92px;
    left: -105px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
}

.bnp-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 46%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

.directeo-button:hover span {
    display: block;
}

.directeo-tooltip {
    display: none;
    position: absolute;
    top: -92px;
    left: 750px;
    line-height: 20px;
    color: #fff;
    width: 260px;
    min-height: 65px;
    padding: 8px;
    font-size: 0.9375rem;
    font-family: 'bnplight';
    background: #474747;
    text-align: left;
}

.directeo-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 46%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #474747;
}

/* Fund Part */
.bnp-fund-part span:before {
    display: none;
}

.bnp-fund-part span:after {
    display: none;
}

.bnp-separator-table {
    width: 40%;
    margin: 40px auto;
    background: #199d69;
}

/*  */
.bnp-ratio-tableholder {
    max-width: 600px;
    margin: 40px auto 20px auto;
    background: #fff;
}

.bnp-ratio-tableholder-entry span {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 10px 20px;
}

.bnp-ratio-tableholder-entry span:first-child {
    font-family: 'bnplight';
    text-align: right;
}

/* addons */
body .bnp-report-section header h2 {
    padding-right: 0;
}

.bnp-recital table tr td:last-child {
    text-align: left;
}

.bnp-recital .bnp-button {
    max-width: calc((50% - 48px));
    margin: 10px;
    padding: 10px;
    color: #fff;
    background: #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* 24/12/2019  Adjust */
#bnp-Useful-links h2 {
    padding: 8px 0;
    width: 100%;
}

.bnp-report-section header h2.bnp-linked {
    padding-right: 28px;
}

.bnp-collect {
    min-height: 150px;
}

.bnp-encours-dev {
    min-height: 500px;
}

.bnp-report-entry.type1 .bnp-placing-entry {
    padding: 28px 28px 77px 28px;
}

/* 12/02/2020 accordion pacte pereco */
.bnp-accordion.pacte .bnp-accordion-seter {
    text-align: center;
}

.bnp-accordion.pacte .bnp-accordion-entry .bnp-grid-cell {
    text-align: center;
}

.bnp-accordion.pacte .bnp-accordion-core .down,
.bnp-accordion-core .up {
    font-size: 0.875rem;
}

.bnp-accordion.pacte .bnp-accordion-core .bnp-fund-part {
    margin-bottom: 10px;
}

.bnp-accordion.pacte .bnp-accordion-core .bnp-fonds-legend-rate > span {
    font-size: 0.9375rem;
    position: relative;
    top: 0;
    right: 0;
}

.bnp-accordion.pacte .bnp-accordion-core .bnp-fonds-legend-rate .bnp-rate {
    display: inline-block;
}

/* 02/03/2020 Tableau r�conciliation */
.bnp-reconciliation-table {
    margin-bottom: 20px;
    background: #fff;
    /* General */
    /* Header */
    /* body */
    /* Footer */
}

.bnp-reconciliation-table tr td {
    padding: 12px 0;
    text-align: center;
}

.bnp-reconciliation-table thead {
    background: #199d69;
}

.bnp-reconciliation-table thead td {
    font-size: 0.875rem;
    color: #fff;
}

.bnp-reconciliation-table tbody tr td {
    min-width: 90px;
    padding: 8px 2px;
    font-size: 0.75rem;
    vertical-align: middle;
    text-align: center;
}

.bnp-reconciliation-table tfoot tr td {
    font-size: 0.875rem;
    color: #fff;
    background: #199d69;
}

/*---------------------------------
* Salaried
*---------------------------------*/
.bnp-salaried-entry ul {
    padding: 20px 0;
}

.bnp-salaried-entry ul li {
    font-size: 1rem;
    color: #151515;
    margin-bottom: 14px;
}

.bnp-salaried-entry ul li span {
    display: inline-block;
    width: 120px;
    margin-right: 12px;
    text-align: right;
    font-size: 0.875rem;
    color: #8b8b8b;
    vertical-align: top;
}

.bnp-salaried-entry ul li .value {
    font-size: 1rem;
    color: #151515;
    width: 300px;
    text-align: left;
}

.bnp-search-counter {
    margin-bottom: 36px;
    position: relative;
    padding-left: 26px;
    display: inline-block;
}

.bnp-search-counter span {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 2px;
    padding: 8px 8px 5px 8px;
    line-height: 10px;
    color: #fff;
    font-size: 0.625rem;
    background: #ff6600;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#bnp-login-page {
    background: #f8f8f8;
}

#bnp-login-page .bnp-profil-section {
    /*background: #f8f8f8;*/
    padding: 70px;
}

.bnp-salaried-entry li:nth-child(2) {
    display: none;
}

.bnp-salaried-entry li:nth-child(3) {
    display: none;
}

.bnp-form-entry input {
    width: 100%;
    font-size: 0.9375rem;
    color: #151515;
    background: #fff;
    padding: 12px 16px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.bnp-form-entry input.bnp-phone {
    display: inline-block;
    width: 228px;
    float: left;
    margin-right: 10px;
}

.bnp-form-entry input.bnp-phone-code {
    display: inline-block;
    width: 141px;
    float: left;
}

.bnp-form-entry input.bnp-phone-contact {
    display: inline-block;
    width: 228px;
    margin-right: 10px;
}

.bnp-button.bnp-dblock {
    display: block;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.bnp-form-entry .bnp-select {
    background: #fff;
}

.bnp-form-entry .bnp-select:before {
    z-index: 1;
}

.bnp-form-entry .bnp-select select {
    background: transparent;
    z-index: 2;
    position: relative;
}

#Mydocuments .bnp-block-infoflash {
    display: block;
}

#Mydocuments .bnp-block-infoflash:before {
    position: absolute;
    top: 4px;
}

.bnp-report-content table thead tr td {
    color: #444444;
    font-size: 13px;
    padding: 20px 2px;
}

.bnp-number-set {
    display: inline-block !important;
    width: auto !important;
    background: transparent !important;
}

/* Modification chevron list des langues dans login page */
#bnp-lang.bnp-select-init li.init:before {
    font-size: 12px;
}

#bnp-mainarea {
    min-height: calc(100vh - 166px);
}

/* breadcrumbs */
#bnp-topbanner .bnp-section #bnp-breadcrumbs {
    background: #fff;
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs ul li a {
    color: #151515;
}

#bnp-topbanner .bnp-section #bnp-breadcrumbs ul li:before {
    color: #151515;
}

#bnp-loading.bnp-modal {
    transform: inherit;
}

#bnp-header .bnp-section {
    position: relative;
}

.bnp-support-table-entry.OpenFundsDetails:hover {
    background-color: #fff;
}

#bnp-filter-search-funds,
#bnp-filter-search-member,
#bnp-filter-search-document {
    width: 75%;
    float: left;
    border-radius: 2px;
    margin-right: 24px;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

#bnp-filter-search-funds input,
#bnp-filter-search-member input,
#bnp-filter-search-document input {
    display: inline-block;
    width: calc((100% - 46px));
    height: 46px;
    margin: 0;
    border: 0 none;
    background: #fff;
    color: #151515;
    font-size: 1.125rem;
    font-family: 'bnplight';
    box-sizing: border-box;
    float: left;
}

#bnp-filter-search-funds a,
#bnp-filter-search-member a,
#bnp-filter-search-document a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #199d69;
    float: left;
    position: relative;
}

#bnp-filter-search-funds a:before,
#bnp-filter-search-member a:before,
#bnp-filter-search-document a:before {
    position: absolute;
    top: 15px;
    left: 14px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.25rem;
}

/* Addons Samir 30-09-2020 error color */
body .bnp-error {
    color: #9d265c !important;
    border-color: #9d265c !important;
}

/* Addons Samir 30-09-2020 pour le tableau contenant la liste des membres */
#bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring table td.bnp-tools-column.tools {
    text-align: right;
    padding: 18px 14px 16px 14px;
}

#search-member {
    z-index: 200;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}

#search-doc {
    z-index: 200;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}

span#email-message-error,
span#fonction-message-error {
    color: #9d265c;
}

div.block-legend-des-couleurs-dispositif {
    padding: 20px;
    font-size: 0.875rem;
    color: #444;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring {
    min-height: 0;
    padding: 0;
    margin: 0;
    display: none;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation .bnp-perfis-header {
    display: block;
    border-top: none;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator {
    display: block;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table {
    min-width: 0;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th div {
    cursor: default;
}

#bnp-mainarea .bnp-user-edition.bnp-supp-placement.bnp-committee-monitoring.bnp-user-creation div#bnp-perfis-comparator table thead tr th div:after {
    content: '';
}

.tablesorter-default tbody tr td .link:before {
    content: '\e934';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

#bnp-promote-login .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip:before {
    top: 35%;
}

#bnp-promote-login .bnp-form-entry.bnp-from-wrong input {
    color: initial;
    border-color: initial;
}

#bnp-msg-block {
    padding: 0;
}

#bnp-msg-block #bnp-msg-content {
    padding: 120px 40px;
    overflow-x: auto;
    position: static;
    height: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
}

#bnp-msg-block #bnp-msg-btn {
    right: -60px;
}

#bnp-msg-block #bnp-msg-content p {
    border-top: 0;
    font-family: 'bnplight';
}

#bnp-msg-block #bnp-msg-content div {
    line-height: 24px;
    font-family: 'bnplight';
}

#bnp-msg-block #bnp-msg-content ul {
    line-height: 24px;
    font-family: 'bnplight';
}

#bnp-msg-block #bnp-msg-content hr {
    background-color: #000;
    color: #000;
}

#bnp-msg-block #bnp-msg-content a {
    font-family: 'bnp';
    text-decoration: underline;
    color: #000;
}

/*
 *  RESPONSIVE MEDIA QUERIES
 *  ------------------------------------------------
 */
.bnp-ismobile {
    display: none;
}

/*---------------------------------
 *  Mobile menu
 *---------------------------------*/
#bnp-nav-trigger {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    float: right;
    width: 45px;
    height: 45px;
    padding: 15px;
    background: #791F58;
}

#bnp-nav-trigger span {
    backface-visibility: hidden;
    position: absolute;
    left: 15px;
    border-top: 5px solid white;
    width: 45px;
    -webkit-transition: 0.55s;
    -o-transition: 0.55s;
    transition: 0.55s;
}

#bnp-nav-trigger span:first-child {
    top: 20px;
}

#bnp-nav-trigger span:first-child + span {
    top: 34px;
}

#bnp-nav-trigger span:first-child + span + span {
    top: 48px;
}

#bnp-nav-trigger.bnp-opened span:first-child {
    top: 35px;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#bnp-nav-trigger.bnp-opened span:first-child + span {
    opacity: 0;
}

#bnp-nav-trigger.bnp-opened span:first-child + span + span {
    top: 35px;
    transform: rotate(-410deg);
    -webkit-transform: rotate(-410deg);
    -moz-transform: rotate(-410deg);
    -ms-transform: rotate(-410deg);
    -o-transform: rotate(-410deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*---------------------------------
 *  All device width under 1200px
 *---------------------------------*/
@media all and (max-width: 1199px) {
    .bnp-section {
        width: 960px;
    }

    .bnp-table-holderscroll {
        width: 100%;
        box-sizing: border-box;
        overflow: scroll;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-grid .bnp-grid-cell {
        float: none;
        width: 100%;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry {
        padding: 0px 30px 30px 65px;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip {
        top: -64px;
        right: 0;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip:before,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip:before {
        top: initial;
        bottom: -4px;
        right: 14px;
        left: initial;
    }

    .bnp-report-section .bnp-button {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 1449px) {
    #bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-grid .bnp-grid-cell {
        float: none;
        width: 100%;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry {
        padding: 0px 30px 30px 65px;
    }
}

/*---------------------------------
 *  All device width under 1023px
 *---------------------------------*/
@media all and (max-width: 1023px) {
    body #bnp-header #bnp-tools #bnp-tools-card {
        position: relative;
        top: -5px;
        right: 16px;
        float: none;
        margin-right: 0px;
    }

    #bnp-header #bnp-tools .bnp-tools-info:before {
        left: 72%;
    }

    #bnp-header #bnp-tools .bnp-tools-info {
        right: -38px;
    }

    #bnp-breadcrumbs {
        margin: 8px 0 16px 0;
    }

    .bnp-grid .bnp-grid-cell {
        float: none;
        width: 100%;
    }

    #bnp-header #bnp-logo {
        width: calc(100% - 194px);
        padding: 0 10px;
    }

    #bnp-header {
        position: fixed;
        width: 100%;
    }

    #bnp-header .bnp-section {
        max-width: 100%;
        position: relative;
        width: 100%;
        height: 50px;
        padding-top: 56px;
        top: 0;
        left: 0;
    }

    #bnp-header #bnp-tools {
        width: 102px;
    }

    #bnp-header #bnp-tools #bnp-tools-search,
    #bnp-header #bnp-tools #bnp-tools-parameter {
        width: 50px;
        height: 50px;
    }

    #bnp-header #bnp-tools #bnp-tools-search .bnp-shutter,
    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-shutter {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        padding: 0;
    }

    #bnp-header #bnp-tools #bnp-tools-search .bnp-shutter {
        background: #0a7243;
    }

    #bnp-header #bnp-tools #bnp-tools-search .bnp-shutter:before {
        color: #FFF;
        top: 16px;
        left: 17px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child {
        top: 17px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span {
        top: 23px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span + span {
        top: 29px;
    }

    #bnp-header #bnp-tools #bnp-tools-search .bnp-tools-detail {
        overflow: hidden;
        width: 100%;
        top: 113px;
        left: 0;
        background: #fff;
    }

    #bnp-header #bnp-tools #bnp-tools-notif .bnp-tools-detail {
        position: fixed;
        width: 100%;
        top: 56px;
    }

    .bnp-report-section {
        background: initial;
    }

    .bnp-report-header {
        margin: 0;
    }

    .bnp-report-header nav ul li {
        margin: 0 2px 30px 0;
    }

    .bnp-report-header > a {
        margin-bottom: 30px;
        float: left;
        margin-left: 1px;
        min-height: 53px;
    }

    .bnp-report-entry {
        position: relative;
        margin-bottom: 24px;
        border-bottom: none;
        background: #FFF;
    }

    .bnp-report-section header {
        position: relative;
    }

    .bnp-report-section header .bnp-legende {
        width: 100%;
        text-align: center;
    }

    .bnp-report-section header .bnp-legende a {
        margin-bottom: 16px;
    }

    .bnp-report-section header h2 {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .bnp-report-section header > span {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .bnp-report-content .bnp-report-chart.bnp-pie-chart {
        margin: 30px 0 30px 0;
        position: relative;
        left: calc(50% - 70px);
        transform: translateX(-50%);
        width: auto;
    }

    .bnp-report-section.bnp-recast div[class*="bnp-report-section"] {
        width: 100%;
    }

    .bnp-report-content .bnp-report-section01,
    .bnp-report-content .bnp-report-section02 {
        width: 100%;
        margin: 0 0 24px 0;
    }

    .bnp-report-content .bnp-report-section01 > span.bnp-report-legende,
    .bnp-report-content .bnp-report-section02 > span.bnp-report-legende {
        width: auto;
        display: block;
        text-align: center;
    }

    #columnchart-01 {
        min-width: 0 !important;
    }

    .bnp-report-section header {
        margin-bottom: 40px;
    }

    .bnp-tile-entry .bnp-tile-detail {
        padding: 8px;
        max-height: 264px;
        overflow: auto;
    }

    .bnp-tile-entry figure img {
        display: grid;
    }

    #bnp-reference {
        margin-bottom: 24px;
    }

    #bnp-reference .bnp-section {
        padding: 24px;
    }

    #bnp-reference .bnp-section #bnp-reference-detail {
        position: initial;
        left: auto;
        bottom: auto;
        margin-bottom: 16px;
        width: 100%;
    }

    #bnp-reference .bnp-section #bnp-reference-detail #bnp-reference-btn {
        float: none;
        position: relative;
        z-index: 1;
    }

    #bnp-reference .bnp-section #bnp-reference-detail p {
        width: auto;
        position: relative;
        z-index: 1;
    }

    .bnp-actu-section.type2 .bnp-tile-entry,
    .bnp-actu-section.type3 .bnp-tile-entry {
        padding: 0;
        margin-bottom: 24px;
    }

    .bnp-actu-section.type2 .bnp-tile-entry figure,
    .bnp-actu-section.type3 .bnp-tile-entry figure {
        margin-top: 0;
        height: auto;
    }

    .bnp-actu-section.type2 .bnp-tile-entry .bnp-tile-detail,
    .bnp-actu-section.type3 .bnp-tile-entry .bnp-tile-detail {
        margin: 0;
        padding: 24px;
    }

    .bnp-actu-section.type2 .bnp-tile-entry .bnp-tile-detail p,
    .bnp-actu-section.type3 .bnp-tile-entry .bnp-tile-detail p {
        height: auto;
    }

    .bnp-actu-section.type2 #bnp-reference .bnp-section {
        min-height: initial;
    }

    #bnp-slider-favor .frame img {
        width: auto;
        height: 300px;
    }

    #bnp-slider-favor .detail {
        padding: 0;
        width: 100%;
        left: auto;
    }

    #bnp-slider-favor .detail p {
        width: 80%;
        display: block;
        margin: 24px auto;
    }

    #bnp-slider-favor .list_carousel {
        min-height: 0;
    }

    #bnp-slider-favor .list_carousel ul {
        width: 100% !important;
    }

    #bnp-Useful-links {
        text-align: center;
        padding-bottom: 30px;
    }

    #bnp-Useful-links:after {
        content: "";
        display: table;
        clear: both;
    }

    #bnp-Useful-links h2 {
        display: block;
        margin-bottom: 24px;
        text-align: left;
    }

    #bnp-Useful-links a {
        float: left;
    }

    #bnp-braineet #bnp-braineet-accueil .bnp-button {
        min-width: 0;
    }

    .bnp-doc-entry figure figcaption {
        top: unset;
        left: unset;
        bottom: 16px;
        right: 16px;
    }

    .bnp-doclist .bnp-doc-nav {
        margin: 0;
    }

    .bnp-doclist .bnp-doc-nav ul li {
        margin: 0 8px;
        float: left;
        width: calc(25% - 16px);
        box-sizing: border-box;
        text-align: center;
    }

    .bnp-doclist .bnp-doc-nav ul li a {
        padding: 6px 8px;
        display: block;
    }

    .bnp-doclist .bnp-doc-nav ul li span {
        margin: 8px;
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell {
        float: left;
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell .bnp-grid-gutter,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell .bnp-grid-gutter {
        margin: 0 16px;
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell.bnp-grid1,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell.bnp-grid1 {
        width: calc(100% * 1 / 12);
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell.bnp-grid2,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell.bnp-grid2 {
        width: calc(100% * 2 / 12);
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell.bnp-grid3,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell.bnp-grid3 {
        width: calc(100% * 3 / 12);
    }

    .bnp-gestion-entry .bnp-grid .bnp-grid-cell.bnp-grid4,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell.bnp-grid4,
    .bnp-gestion-entry .bnp-grid .bnp-grid-cell.bnp-grid8,
    .bnp-gestion-header .bnp-grid .bnp-grid-cell.bnp-grid8 {
        width: calc(100% * 4 / 12);
    }

    .bnp-gestion-button {
        text-align: center;
        margin-bottom: 24px;
    }

    #bnp-simile .bnp-section {
        padding: 30px 16px;
    }

    .bnp-modal-close {
        top: 30px;
        right: 16px;
    }

    #bnp-simile .bnp-simile-entry .bnp-button {
        float: left;
        margin: 0 0 0 24px;
    }

    #bnp-simile .bnp-simile-entry .bnp-button.bnp-seemore {
        float: right;
        margin: 0 24px 0 0;
    }

    .bnp-simile-entry {
        overflow: auto;
        margin-bottom: 16px;
    }

    .bnp-simile-entry .bnp-simile-case {
        min-width: 700px;
    }

    #bnp-simile #bnp-simile-header .bnp-simile-cell {
        width: 100%;
        float: none;
        height: 45px;
        box-sizing: border-box;
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        margin-bottom: 16px;
        font-size: 1rem;
    }

    #bnp-simile #bnp-simile-header .bnp-simile-cell:first-child {
        width: 100%;
    }

    .bnp-Synthese p {
        display: block;
        width: auto;
        margin-bottom: 16px;
    }

    .bnp-blocktitle h2 {
        max-width: none;
        display: block;
    }

    .bnp-blocktitle .bnp-button-tool {
        float: none;
        margin: 16px 16px 0 0;
    }

    .bnp-modal {
        left: 50%;
        padding: 26px;
        width: 80%;
        transform: translateX(-50%);
    }

    #bnp-topbanner .bnp-section .bnp-button {
        margin: 8px 0 0 0;
        min-width: 0;
        width: auto;
        padding: 8px;
    }

    #bnp-topbanner .bnp-section .bnp-button:before {
        font-size: 18px;
        position: unset;
        top: unset;
        left: unset;
    }

    #bnp-topbanner .bnp-section .bnp-button:hover {
        min-width: 0;
    }

    .bnp-section-btn.bnp-admin {
        text-align: center;
    }

    #bnp-mainarea .bnp-form-section {
        padding: 30px 0;
        margin: 30px 0;
    }

    #bnp-promote-login #bnp-promote-content {
        min-height: 0;
        padding: 45px;
    }

    .bnp-form-entry,
    #bnp-promote-login .bnp-header-line,
    #bnp-promote-login .bnp-form-footer,
    #bnp-promote-login .bnp-header-line {
        margin: 16px auto;
        width: 80%;
    }

    .bnp-form-entry.bnp-from-wrong input,
    .bnp-form-entry.bnp-form-info input {
        width: calc(100% - 290px);
        display: block;
    }

    #bnp-promote-login .bnp-form-entry .bnp-form-tooltip {
        right: 0px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-tools-detail {
        top: 51px;
        transition: none;
        -webkit-transition: none;
    }

    #bnp-footer {
        padding: 0;
    }

    #bnp-footer #bnp-footer-logo {
        float: left;
        margin: 16px;
        width: auto;
    }

    #bnp-footer p {
        float: right;
        margin: 16px;
        line-height: initial;
        text-align: right;
    }

    #bnp-footer ul {
        float: none;
        margin: 0;
        text-align: center;
    }

    #bnp-footer ul:before {
        content: "";
        display: block;
        clear: both;
    }

    #bnp-footer ul > li {
        float: none;
        display: block;
        margin-bottom: 8px;
        padding: 0;
    }

    #bnp-footer ul > li:before {
        content: initial;
    }

    #bnp-footer ul > li > a {
        display: block;
        font-size: 0.75rem;
    }

    ul.bnp-select-init li {
        padding: 7px 10px;
    }

    #bnp-login-page .bnp-info p {
        display: block;
        width: auto;
        margin: 0 8px;
        text-align: justify;
        padding-top: 10px;
    }

    #bnp-login-page .bnp-info p span {
        display: block;
        margin: 10px auto 20px auto;
        width: 75px;
    }

    #bnp-login-page .bnp-info .close {
        width: auto;
        height: auto;
        display: block;
        position: absolute;
        top: 8px;
        right: 8px;
    }

    #bnp-login-page .bnp-info .close:before {
        top: 6px;
        right: 6px;
    }

    #bnp-login-page .bnp-form-section .bnp-section {
        width: auto;
    }

    #bnp-login-page.bnp-compte-creation-page {
        background: none;
    }

    .bnp-form-error {
        text-align: center;
    }

    .bnp-section-btn {
        text-align: center;
        display: block;
        margin: 0 0 16px 0;
        width: auto;
    }

    .bnp-section-btn .bnp-button {
        margin-bottom: 16px;
    }

    #bnp-login-presentation {
        min-height: auto;
    }

    #bnp-login-presentation .bnp-video {
        padding: 16px 0;
    }

    #bnp-login-presentation .bnp-video > .iframe {
        width: auto;
        height: auto;
        margin: 0;
        text-align: center;
    }

    #bnp-login-presentation .bnp-video > .detail {
        width: auto;
        margin: 8px 8px 24px 8px;
    }

    #bnp-login-presentation .bnp-video > .detail p {
        margin: 0 0 16px 0;
        text-align: justify;
    }

    #bnp-login-presentation .bnp-video > .detail a {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .bnp-collect-pie > div {
        width: auto;
        float: none;
        margin: 0 auto;
        display: block;
    }

    .bnp-collect-pie p {
        text-align: center;
    }

    .bnp-collect-pie span {
        display: block;
        margin: 16px auto;
        width: 85px;
        text-align: center;
        position: absolute;
        left: calc(50% + 8px);
        margin-top: 48px;
    }

    .bnp-report-result {
        display: block;
    }

    .bnp-recital table tr td .bnp-button {
        margin-bottom: 12px;
    }

    #bnp-topbanner {
        max-width: 200%;
        overflow: hidden;
        margin: 0 -15px;
    }

    #bnp-breadcrumbs {
        display: none;
    }

    .introjs-tooltipReferenceLayer {
        left: auto !important;
        right: 0;
    }

    #bnp-intro-notif {
        width: 80%;
        left: 10%;
    }

    #bnp-intro-notif #bnp-intro-notif-content {
        text-align: center;
        padding: 16px;
    }

    #bnp-intro-notif #bnp-intro-notif-content .postpone {
        text-align: center;
        margin-bottom: 16px;
    }

    #bnp-intro-notif #bnp-intro-notif-content .refuse,
    #bnp-intro-notif #bnp-intro-notif-content .accept {
        margin-bottom: 16px;
    }

    .bnp-doclist {
        padding-bottom: 32px;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip {
        right: 0;
    }

    #bnp-company #bnp-company-result,
    #bnp-company-filter {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }

    .bnp-hover-effect:hover {
        width: 100%;
        box-shadow: none;
        margin-left: 0;
    }

    .bnp-ability-account .bnp-button {
        margin: 16px;
        box-sizing: border-box;
        width: calc(100% - 32px);
    }

    .bnp-subscription-tools {
        text-align: center;
        margin: 16px 0;
    }

    .bnp-salaried-entry ul li span {
        width: auto;
        float: left;
    }

    .bnp-salaried-entry .bnp-salaried-tools .account {
        margin-bottom: 8px;
    }

    #bnp-footer ul li {
        display: none;
    }

    #bnp-footer ul li.bnp-footer-cookie {
        display: block;
    }

    #bnp-footer ul li.bnp-footer-cookie button {
        padding: 3px 8px;
    }

    .bnp-recital {
        overflow: auto;
    }

    .bnp-recital table {
        min-width: 1000px;
    }

    .bnp-recital table tr td {
        float: left;
    }

    .bnp-recital table tr td .bnp-button {
        margin: 0 16px;
        padding: 16px;
        max-width: calc(50% - 32px);
        box-sizing: border-box;
    }

    .bnp-recital table tr td:last-child {
        text-align: center;
        vertical-align: middle;
        border: none;
    }

    .bnp-ismobile {
        display: block;
    }

    .bnp-section {
        width: auto;
    }

    #bnp-mainarea {
        padding: 106px 15px 20px 15px;
    }

    body #bnp-header #bnp-tools {
        /*#bnp-tools-card {
          position: absolute;
          top: 0;
          left: 0px;
          border-left: 0;
      }*/
    }

    body #bnp-header #bnp-tools #bnp-header #bnp-tools .bnp-tools-info {
        right: -38px;
    }

    body #bnp-header #bnp-tools #bnp-tools-help {
        position: absolute;
        top: 0;
        right: 0;
        border-left: 0;
    }

    body #bnp-header #bnp-tools #bnp-tools-notif {
        position: absolute;
        top: 0;
        left: calc(50% - 28px);
        border-left: 0;
    }

    body #bnp-header #bnp-tools #bnp-tools-profile {
        height: 0;
        width: 0;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0;
        border: 0;
    }

    #bnp-login-presentation {
        display: none;
    }

    /* To delate */
    #bnp-header #bnp-search,
    #bnp-topnav {
        display: none;
    }

    body #s4-ribbonrow {
        display: none;
    }

    body #suiteBar {
        display: none;
    }

    body #contentBox {
        min-width: 0;
    }

    #s4-workspace {
        background: #d8d8d8;
    }

    /* Login page */
    body.bnp-login-body #bnp-mainarea {
        padding: 90px 15px 0 15px;
    }

    body.bnp-login-body #bnp-header .bnp-section {
        padding-top: 10px;
    }

    #bnp-login-page {
        background: transparent;
    }

    #bnp-login-page .bnp-info {
        margin-bottom: 20px;
    }

    #bnp-cookies-banner {
        padding: 20px;
    }

    #bnp-login-page .bnp-profil-section {
        padding: 30px 0px 10px 0px;
        margin-bottom: 20px;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry {
        padding: 0 16px 30px 15px;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-header h3 {
        padding-left: 20px;
    }

    #bnp-login-page .bnp-profil-section .bnp-profil-entry .bnp-entry-header:before {
        left: -2px;
    }

    .bnp-lang-title {
        display: none;
    }

    #bnp-lang {
        width: 60px;
        margin: 7px 12px 0 0;
        font-size: 0rem;
    }

    #bnp-lang.bnp-select-init li.init:before {
        top: 10px;
    }

    #bnp-lang li {
        font-size: 0px;
    }

    /* */
    .bnp-report-section header h2.bnp-linked:before,
    .bnp-report-section header h2.bnp-linked:after {
        display: none;
    }

    .bnp-report-table .bnp-grid-cell:first-child {
        border: 0 none;
    }

    #bnp-article {
        margin-top: 20px;
    }

    .bnp-table-liste ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .bnp-table-liste ul li:after {
        content: "";
        display: table;
        clear: both;
    }

    .bnp-table-subscription {
        width: 100%;
        overflow: auto;
    }

    .bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .bnp-grid .bnp-grid-cell {
        float: left;
    }

    .bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .bnp-grid4 {
        width: 52%;
    }

    .bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .bnp-grid1 {
        width: 5%;
    }

    .bnp-table-formulas .bnp-formulas-entry .bnp-formulas-seter .bnp-grid3 {
        width: 15%;
    }

    .bnp-table-formulas .bnp-formulas-entry .bnp-formulas-cell .info {
        margin: 10px 0;
    }

    .bnp-tip-off {
        min-height: 310px;
    }

    .bnp-tip-off img {
        width: auto;
        height: 100%;
    }

    .bnp-tip-off .bnp-tip-content a {
        margin-bottom: 20px;
    }

    .bnp-accordion .bnp-accordion-entry .bnp-accordion-core .bnp-grid {
        margin: 0;
    }

    .bnp-accordion .bnp-accordion-entry .bnp-accordion-core .bnp-grid .bnp-grid-cell {
        float: left;
    }

    .bnp-accordion .bnp-accordion-entry .bnp-accordion-core .bnp-grid6 {
        width: 50%;
    }

    .bnp-accordion .bnp-accordion-entry .bnp-accordion-core .bnp-grid2 {
        width: 16.66666667%;
    }

    .bnp-report-entry .bnp-ratio-spliter span:before {
        left: 11px;
    }

    .bnp-count-step .bnp-step-entry {
        margin: 30px;
    }

    .bnp-fund-grid .bnp-fund-entry {
        width: 100%;
    }

    .bnp-gestion-table {
        min-width: 900px;
    }

    .bnp-inscription-page .bnp-grid .bnp-grid-gutter {
        margin-left: 6px;
        margin-right: 6px;
    }

    .bnp-inscription-page#bnp-mainarea {
        padding: 10px 15px 20px 15px;
    }

    .bnp-inscription-page#bnp-mainarea .bnp-form-section {
        padding: 0;
    }

    /* Contact page */
    #bnp-contact-help .bnp-help-section .bnp-button {
        width: calc(100% - 60px);
    }

    #bnp-contact-help .bnp-help-result .bnp-entry:first-child {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border: 0 none;
    }

    .bnp-manage-subscription .bnp-subscription-tools {
        text-align: center;
    }

    #bnp-simile .bnp-simile-entry .bnp-button,
    #bnp-simile .bnp-simile-entry .bnp-button.bnp-seemore {
        float: none;
        margin: 16px auto;
        display: block;
        width: 80%;
    }

    .bnp-form-section .bnp-section > p {
        width: auto;
        padding: 16px;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip {
        height: 65px;
        width: 20%;
        overflow: auto;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip,
    .bnp-form-entry.bnp-from-code .bnp-form-tooltip,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip {
        position: initial;
        width: 100%;
        overflow: auto;
        height: auto;
        margin: 16px auto;
        padding: 16px;
        box-sizing: border-box;
        min-height: initial;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip:before,
    .bnp-form-entry.bnp-from-code .bnp-form-tooltip:before,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip:before {
        content: initial;
    }

    .bnp-form-entry.bnp-from-wrong input,
    .bnp-form-entry.bnp-form-info input {
        width: 100%;
    }

    .bnp-form-entry label .info {
        text-align: center;
    }

    .bnp-form-entry label .info .tooltip-info {
        position: initial;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .bnp-form-entry label .info .tooltip-info:before {
        content: initial;
    }

    #bnp-promote-login .bnp-form-title {
        margin: 36px 0 24px 40px;
    }

    #bnp-directeo-modal h2 {
        line-height: 22px;
    }

    #bnp-directeo-modal .bnp-grid {
        margin: 0;
    }

    #bnp-directeo-modal .bnp-grid .bnp-grid6 {
        width: 50%;
        float: left;
    }

    #bnp-fund-sheet,
    #bnp-fund-comparison {
        width: 100%;
    }
}

/*---------------------------------
 *  All device width under 800px
 *---------------------------------*/
@media all and (max-width: 800px) {
    .bnp-report-loading.type1 .animated-background.type3,
    .bnp-report-loading.type1 .animated-background.type5 {
        width: calc(100% - 250px);
    }

    .bnp-report-loading.type1 .animated-background.type4,
    .bnp-report-loading.type1 .animated-background.type6 {
        width: calc(100% - 200px);
    }

    .bnp-report-loading.type2 .animated-background.type6 {
        width: 100px;
    }

    .bnp-report-loading.type2 .animated-background.type2,
    .bnp-report-loading.type2 .animated-background.type3,
    .bnp-report-loading.type2 .animated-background.type4,
    .bnp-report-loading.type2 .animated-background.type5 {
        width: 13%;
        margin: 0 8px 8px 8px;
    }

    .bnp-report-loading.type2 .animated-background.type2 {
        margin-top: 130px;
    }

    .bnp-report-loading.type2 .animated-background.type3 {
        margin-top: 90px;
    }

    .bnp-report-loading.type2 .animated-background.type4 {
        margin-top: 180px;
    }

    .bnp-report-loading.type2 .animated-background.type5 {
        margin-top: 30px;
    }

    .bnp-grid .bnp-grid-cell {
        width: 100%;
        float: none;
    }

    .bnp-grid .bnp-grid-gutter {
        margin: 0;
    }

    .bnp-report-result {
        padding: 16px;
        margin-bottom: 32px;
        text-align: center;
    }

    .bnp-report-result h2 {
        display: block;
    }

    .bnp-report-result p {
        display: block;
        padding: 0;
        margin: 8px 0;
    }

    .bnp-report-result span {
        display: block;
        width: calc(100% - 200px);
        margin: 0 auto;
    }

    .bnp-report-content {
        overflow: auto;
    }

    .bnp-report-content table {
        min-width: 800px;
    }

    body #bnp-mainarea.bnp-committee-monitoring .bnp-committee-table {
        overflow: auto;
    }

    body #bnp-mainarea.bnp-committee-monitoring .bnp-committee-table table {
        min-width: 700px;
    }

    body #bnp-mainarea.bnp-committee-monitoring .bnp-committee-table table tbody tr td {
        padding-right: 10px;
    }

    body #bnp-mainarea.bnp-committee-monitoring .bnp-committee-table table tbody tr th {
        padding-right: 10px;
    }

    #bnp-contact-help .bnp-help-section span.bnp-button {
        float: none;
        display: block;
        width: 80%;
        min-height: auto;
        margin: 0 auto 20px auto;
        padding: 20px;
    }

    #bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-steps #bnp-steps-holder .bnp-steps-entry {
        min-width: 110px;
        margin-left: 0;
    }
}

/*---------------------------------
 *  All device width under 650px
 *---------------------------------*/
@media all and (max-width: 650px) {
    .bnp-tile-entry figure {
        width: 100%;
    }

    .bnp-actu-section.type1 .bnp-tile-detail {
        max-height: none;
        width: 100%;
        padding: 16px;
    }

    #bnp-slider-favor .detail p {
        font-size: 1.5rem;
    }

    #bnp-braineet #bnp-braineet-content {
        padding: 16px;
    }

    #bnp-article {
        margin-bottom: 24px;
    }

    #bnp-article .bnp-section {
        padding: 24px;
    }

    #bnp-article ul {
        padding-left: 24px;
    }

    table,
    th,
    td {
        padding: 14px;
    }

    #bnp-msg-block.active {
        width: 285px;
        padding: 144px 24px 74px 24px;
    }

    #bnp-msg-block.active #bnp-msg-btn {
        right: -84px;
    }

    #bnp-footer p {
        width: 90px;
    }

    #bnp-topbanner .bnp-section .bnp-button {
        position: absolute;
        right: 16px;
        top: 8px;
        margin: 0;
    }

    #bnp-topbanner .bnp-section .bnp-button-search {
        position: absolute;
        right: 75px;
        top: 8px;
        font-size: 0;
        height: 44px;
        width: 44px;
        box-sizing: border-box;
        margin: 0;
    }

    #bnp-topbanner .bnp-section .bnp-button-search:before {
        top: 9px;
        left: 10px;
    }

    .bnp-blocktitle {
        padding-top: 70px;
    }

    .bnp-blocktitle > a.bnp-edit-btn {
        font-size: 0rem;
    }

    .bnp-blocktitle > a.bnp-edit-btn:before {
        font-size: 1.5rem;
    }

    .bnp-manage-subscription .bnp-subscription-tools {
        text-align: center;
    }

    #bnp-simile .bnp-simile-entry .bnp-button,
    #bnp-simile .bnp-simile-entry .bnp-button.bnp-seemore {
        float: none;
        margin: 16px auto;
        display: block;
        width: 80%;
    }

    .bnp-form-section .bnp-section > p {
        width: auto;
        padding: 16px;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip {
        height: 65px;
        width: 20%;
        overflow: auto;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip {
        position: initial;
        width: 100%;
        overflow: auto;
        height: auto;
        margin: 16px auto;
        padding: 16px;
        box-sizing: border-box;
        min-height: initial;
    }

    .bnp-form-entry.bnp-from-wrong .bnp-form-tooltip:before,
    .bnp-form-entry.bnp-form-info .bnp-form-tooltip:before {
        content: initial;
    }

    .bnp-form-entry.bnp-from-wrong input,
    .bnp-form-entry.bnp-form-info input {
        width: 100%;
    }

    .bnp-form-entry label .info {
        text-align: center;
    }

    .bnp-form-entry label .info .tooltip-info {
        position: initial;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .bnp-form-entry label .info .tooltip-info:before {
        content: initial;
    }

    .bnp-penpal-surgery .bnp-penpal-surgery-header h2 {
        display: block;
        width: 80%;
    }

    .bnp-penpal-surgery .bnp-penpal-surgery-header a {
        width: 50%;
        float: right;
        text-align: center;
        margin: 16px 0;
    }

    .bnp-penpal-surgery .bnp-penpal-surgery-header a:before {
        content: initial;
    }

    .bnp-penpal-surgery .bnp-penpal-surgery-etnry {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }

    .bnp-penpal-surgery .bnp-penpal-surgery-etnry .bnpam-clear {
        clear: both;
    }

    #bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h2,
    #bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-header h3 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    #bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-grid .bnp-grid-cell:nth-child(1) {
        border: none;
        margin-bottom: 16px;
    }

    .bnp-penpal-user ul li span {
        float: left;
        padding: 0 0 0 12px;
        margin-bottom: 16px;
    }

    .bnp-penpal-user ul li span:first-child {
        padding: 0;
    }

    .bnp-timeline ul li {
        margin: -25px 16px 0 16px;
    }

    #bnp-company #bnp-company-result .bnp-penpal-cell .custom-checkbox {
        display: block;
    }

    .bnp-penpal-factor {
        display: block;
        width: 75px;
        text-align: center;
        margin: 8px auto 24px auto;
    }

    #bnp-braineet {
        padding: 24px;
    }

    #bnp-braineet #bnp-braineet-content .bnp-braineet-detail h2 {
        padding: 16px;
        text-align: center;
    }

    #bnp-login-page .bnp-info p span {
        position: static;
    }

    #bnp-login-page .bnp-info p {
        padding: 20px;
    }

    #bnp-login-page .bnp-form-section .bnp-section {
        padding: 24px;
    }

    #bnp-login-page .bnp-form-section .bnp-form-entry,
    #bnp-login-page .bnp-form-section .bnp-password-reco,
    #bnp-login-page .bnp-form-section .bnp-form-paragraph,
    #bnp-login-page .bnp-form-section .bnp-button.submit,
    #bnp-login-page .bnp-form-section .bnp-form-entry > input,
    #bnp-login-page .bnp-form-section .bnp-form-entry .bnp-button {
        width: 100%;
        margin: 0 0 24px 0;
        box-sizing: border-box;
    }

    #bnp-login-page .bnp-form-section .bnp-password-reco:after {
        display: none;
    }

    .bnp-form-paragraph .info {
        display: block;
    }

    /*************************************
  ////////////////\\\\\\\\\\\\\\\\
      Page Support de placement 
  \\\\\\\\\\\\\\\\////////////////
  *************************************/
    #bnp-supp-filter #bnp-filter-search,
    #bnp-supp-filter .bnp-filter-box {
        width: 100%;
    }

    #bnp-supp-tools h1 {
        margin-bottom: 24px;
        display: block;
        float: none;
    }

    #bnp-supp-tools #bnp-tools-compare .bnp-compare-button {
        width: calc((50% - 12px));
        text-align: center;
        box-sizing: border-box;
    }

    .bnp-comparison-tools .bnp-button {
        display: block;
        width: 100%;
        float: none;
    }

    #bnp-fund-sheet,
    #bnp-fund-comparison {
        padding: 8px;
    }

    #bnp-fund-comparison .bnp-comparison-table tbody tr td {
        padding: 10px;
    }

    #bnp-fund-sheet .bnp-fund-overview .bnp-overview-details,
    #bnp-fund-sheet .bnp-fund-overview .bnp-overview-details.double {
        width: 100%;
        text-align: center;
    }

    #bnp-fund-comparison.fixed .bnp-comparison-table table thead {
        left: 146px;
        width: calc((100% - 154px));
    }

    .bnp-login-body #bnp-form-popup #bnp-form-holder {
        width: 70vw;
    }

    /*************************************
  ////////////////\\\\\\\\\\\\\\\\
      pages comités de surveillance
  \\\\\\\\\\\\\\\\////////////////
  *************************************/
    #bnp-committee-add a {
        float: left !important;
    }

    /*************************************
  ////////////////\\\\\\\\\\\\\\\\
      pages comités de surveillance add / edit
  \\\\\\\\\\\\\\\\////////////////
  *************************************/
    #bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-form-content .bnp-form-entry,
    #bnp-mainarea .bnp-supp-placement.bnp-committee-monitoring #bnp-committee-form #bnp-committee-recap .bnp-recap-entry {
        width: 100%;
    }
}

/*---------------------------------
 *  All device width under 390px
 *---------------------------------*/
@media all and (max-width: 390px) {
    .bnp-report-header nav ul li a {
        font-size: 0.82rem;
        padding: 10px 4px;
        margin-right: 6px;
    }

    .bnp-collect .bnp-collect-btn {
        display: block;
        margin: 32px auto;
    }

    .introjs-tooltipReferenceLayer {
        left: 0 !important;
    }

    .introjs-tooltip {
        left: 16px !important;
        width: calc(100% - 32px);
    }

    .bnp-timeline ul li {
        margin: -25px 8px 0 8px;
    }

    #bnp-braineet #bnp-braineet-content .bnp-braineet-detail h2 {
        font-size: 1rem;
    }
}

/*
 *  PRINT
 *  ------------------------------------------------
 */
@media print {
    #bnp-header,
    #bnp-topnav,
    #bnp-breadcrumbs,
    #bnp-topbanner .bnp-button,
    #bnp-footer {
        display: none;
    }

    body {
        background: none !important;
    }

    #bnp-topbanner .bnp-section .bnp-button,
    #bnp-company-helper,
    #bnp-search-helper,
    #bnp-company-filter,
    #bnp-msg-block #bnp-msg-content,
    #bnp-company #bnp-company-result #bnp-search-zone #bnp-search-header,
    #bnp-topbanner .bnp-section .bnp-button-search,
    .bnp-blocktitle a,
    .bnp-report-entry .bnp-ratio-spliter,
    .bnp-accordion .bnp-accordion-entry.active .bnp-accordion-header .bnp-grid .bnp-grid-cell:first-child:before,
    .bnp-anchor {
        display: none !important;
    }

    #bnp-company #bnp-company-result {
        width: 100%;
    }

    #bnp-company #bnp-company-result .bnp-search-cell {
        border: 1px solid #999;
    }

    #bnp-company #bnp-company-result .bnp-search-cell .bnp-cell-body .bnp-grid .bnp-grid-cell:nth-child(1) {
        border: 0 none;
    }

    /* Show */
    .bnp-report-entry .bnp-ratio {
        display: block !important;
    }

    .bnp-accordion .bnp-accordion-entry.active .bnp-accordion-core {
        height: auto;
    }

    .bnp-recital table {
        border: 1px solid #d4d4d4;
    }

    /* Addons */
    .bnp-accordion .bnp-grid {
        display: table;
        width: 100%;
    }

    .bnp-accordion .bnp-grid .bnp-grid-cell {
        display: table-cell;
        min-width: 20%;
    }

    .bnp-accordion .bnp-grid .bnp-grid-cell .bnp-grid-gutter {
        display: inline;
    }

    .bnp-accordion-core {
        height: auto;
    }

    /* Page separator */
    .bnp-report-entry,
    .bnp-print-separate {
        page-break-inside: avoid;
    }
}

/*
 *  Evolutions 2024
 *  ------------------------------------------------
 */
#selector-content {
    padding: 101px 0px 40px 0px;
}

@media all and (max-width: 1023px) {
    #selector-content {
        padding: 59px 0px 40px 0px;
    }
}

#selector-content h3 {
    font-family: 'bnpbold';
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 33.6px;
    text-align: left;
    padding-bottom: 40px;
}

#entity-selector ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 96px;
    background-color: white;
    text-transform: uppercase;
    border: 1px solid #E3E3E3;
    padding: 0 40px;
    font-family: 'bnp';
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 26.4px;
    color: #000000;
}

@media all and (max-width: 650px) {
    #entity-selector ul li {
        font-size: 1rem;
    }
}

#entity-selector ul li span {
    width: 95%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#entity-selector ul li:after {
    float: right;
    box-sizing: border-box;
    content: '\e92c';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#entity-selector ul a li:hover {
    border: 2px solid #00A271;
    height: 94px;
    width: calc(100% - 84px);
}

#bnp-header #bnp-logo {
    width: fit-content;
    padding: 9px 20px 9px 15px;
}

body #bnp-header #bnp-tools #bnp-tools-card {
    position: relative;
    top: auto;
    right: auto;
    padding: 0px 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

body #bnp-header #bnp-tools #bnp-tools-card .bnp-shutter {
    width: initial;
    height: initial;
    color: #000;
}

body #bnp-header #bnp-tools #bnp-tools-card .bnp-shutter:before {
    display: none;
}

@media all and (max-width: 1023px) {
    #bnp-header .bnp-section {
        max-width: 100%;
        position: relative;
        width: 100%;
        height: 62px;
        padding: 0px;
        top: 0;
        left: 0;
    }

    #bnp-header #bnp-logo {
        width: fit-content;
        padding: 9px 20px 9px 15px;
    }

    #bnp-header #bnp-tools {
        width: calc(100% - 285px);
        height: 62px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter {
        width: 57px;
        height: 62px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child {
        top: 22px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span {
        top: 28px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span + span {
        top: 34px;
    }

    body #bnp-header #bnp-tools #bnp-tools-card {
        right: 0px;
        float: right;
        padding: 0px 15px;
    }

    body #bnp-header #bnp-tools #bnp-tools-card .bnp-shutter {
        width: 68px;
        height: 64px;
        cursor: pointer;
        display: flex;
        right: 2px;
        align-items: center;
        justify-content: center;
    }
}

@media all and (max-width: 670px) {
    #bnp-header .bnp-section {
        max-width: 100%;
        position: relative;
        width: 100%;
        height: 49px;
        padding: 0px;
        top: 0;
        left: 0;
    }

    #bnp-header #bnp-logo {
        width: fit-content;
        padding: 9px 20px 9px 15px;
    }

    #bnp-header #bnp-logo img {
        height: 26px;
    }

    #bnp-header #bnp-tools {
        width: 165px;
        height: 49px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter {
        width: 46px;
        height: 49px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child {
        top: 17px;
        left: 15px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span {
        top: 23px;
        left: 15px;
    }

    #bnp-header #bnp-tools #bnp-tools-parameter .bnp-trigger span:first-child + span + span {
        top: 29px;
        left: 15px;
    }

    body #bnp-header #bnp-tools #bnp-tools-card {
        display: none;
    }

    body #bnp-header #bnp-tools #bnp-tools-card .bnp-shutter {
        width: 68px;
        height: 49px;
        cursor: pointer;
        display: flex;
        right: 2px;
        align-items: center;
        justify-content: center;
    }
}

#bnp-banner {
    padding: 34px 0px;
}

#bnp-banner h1,
#bnp-banner p {
    text-align: left;
    padding: 0px;
}

.bnp-penpal-company .bnp-grid div {
    word-break: break-all;
}

#bnp-header #bnp-tools #bnp-tools-entities {
    max-width: calc((100% * 0.81) - 318px);
    height: 64px;
    border-left: 1px solid #e0e0e0;
    float: right;
    cursor: pointer;
}

.entities-label {
    display: flex;
    flex-direction: column;
    height: 37px;
    justify-content: space-between;
    width: min-content;
    max-width: calc(100% - 34px);
    min-width: 146px;
}

#bnp-tools-entities .entities-label h2 {
    text-transform: uppercase;
    font-family: 'bnp';
    font-size: 1rem;
    font-weight: 400;
    line-height: 20.56px;
    color: #000000;
    margin: 0px;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

#bnp-tools-entities .entities-label p {
    font-family: 'bnplight';
    font-style: italic;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 5.6px;
    color: #000000;
    margin: 0px;
    width: fit-content;
}

#entities-count {
    background-color: #ED702D;
    color: #FFF;
    font-family: 'bnp';
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18.8px;
    text-align: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 6px;
}

#bnp-tools-entities .bnp-shutter {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 0px 0px 20px;
    justify-content: flex-end;
    float: inline-end;
    max-width: calc(100% - 20px);
}

#bnp-tools-entities #selector-icon:after,
.dropdown .selectorIcons:after {
    font-family: 'icon' !important;
    content: '\e954';
    color: #777;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 5px 0px 5px;
}

#bnp-tools-entities.bnp-opened #selector-icon:after,
.dropdown .selectorIcons.bnp-opened:after,
.customSelectList.bnp-opened:after {
    content: '\e955';
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail,
.bnp-penpal-company .bnp-entities-detail {
    display: inherit;
    background-color: #FFF;
    overflow: auto;
    max-width: 566px;
    min-width: 100%;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    position: absolute;
    top: 65px;
    right: 0px;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail ul,
.bnp-penpal-company .bnp-entities-detail ul {
    max-height: 180px;
    min-width: 100%;
    width: max-content;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail li,
.bnp-penpal-company .bnp-entities-detail li {
    height: 40px;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail li a,
.bnp-penpal-company .bnp-entities-detail li a {
    text-transform: uppercase;
    font-family: 'bnp';
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    color: #20252B;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
    max-width: 510px;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail li.selected a,
.bnp-penpal-company .bnp-entities-detail li.selected a {
    color: #008859 !important;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail li:hover,
.bnp-penpal-company .bnp-entities-detail li:hover,
#bnp-tools-entities.bnp-opened .bnp-entities-detail li.selected:hover,
.bnp-penpal-company .bnp-entities-detail li.selected:hover {
    background: #22543A;
}

#bnp-tools-entities.bnp-opened .bnp-entities-detail li:hover a,
.bnp-penpal-company .bnp-entities-detail li:hover a,
#bnp-tools-entities.bnp-opened .bnp-entities-detail li.selected:hover a,
.bnp-penpal-company .bnp-entities-detail li.selected:hover a {
    color: #FFF !important;
}

#bnp-tools-entities .bnp-entities-detail {
    display: none;
}

@media all and (max-width: 1023px) {
    #bnp-header #bnp-tools #bnp-tools-entities {
        width: 211px;
        max-width: 211px;
        border-left: 1px solid #e0e0e0;
        float: right;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    #bnp-tools-entities .bnp-shutter {
        justify-content: space-between;
        float: initial;
    }

    #bnp-tools-entities.bnp-opened .bnp-entities-detail {
        top: 63px;
    }
}

@media all and (max-width: 670px) {
    #bnp-header #bnp-tools #bnp-tools-entities {
        width: 117px;
        max-width: 117px;
        height: 49px;
        border-left: 1px solid #e0e0e0;
        float: right;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    #bnp-tools-entities .bnp-shutter {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0px 0px 7px;
        float: initial;
        max-width: 110px;
    }

    #bnp-tools-entities .entities-label {
        height: auto;
        width: calc(100% - 23px);
        min-width: initial;
        max-width: 94px;
    }

    #bnp-tools-entities .entities-label p {
        display: none;
    }

    #bnp-tools-entities #selector-icon:after,
    #bnp-tools-entities.bnp-opened #selector-icon:after {
        margin: 0px;
        font-size: 1rem;
    }

    #bnp-tools-entities.bnp-opened .bnp-entities-detail {
        top: 50px;
        right: -46px;
        width: 375px;
    }

    #bnp-tools-entities.bnp-opened .bnp-entities-detail li a {
        width: 335px;
    }
}

.bnp-toedit-listbox-panel {
    border-radius: 2px;
    border: 1px solid #949494;
    padding: 5px 10px 3px 16px;
    width: 155px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.bnp-toedit-listbox-panel span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 124px;
    white-space: nowrap;
}

.bnp-toedit-listbox-panel:after {
    font-family: 'icon' !important;
    content: '\e954';
    color: #777;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px;
}

.bnp-toedit-listbox-panel.bnp-opened:after {
    content: '\e955';
}

.bnp-toedit-listbox-panel .bnp-entities-detail {
    display: none;
}

.bnp-toedit-listbox-panel.bnp-opened .bnp-entities-detail {
    z-index: 1;
    min-width: 183px;
    left: 6px;
    right: auto;
    display: inherit;
    top: 82px;
}

.bnp-toedit-listbox-panel.bnp-opened .bnp-entities-detail li {
    padding: 0px 16px;
}

.bnp-penpal-company.bnp-edition-panel .bnp-toedit-listbox-panel + input {
    display: none;
}

div.bnp-report-header nav ul li:last-child {
    margin-right: 0px;
}

.bnp-form-entry .bnp-radio-cheker {
    left: 12px;
    top: 2px;
}

.bnp-recital .bnp-button {
    max-width: calc(50% + 20px);
    margin: 20px 0px 0px 8px;
}

.bnp-penpal-company-info-panel {
    background-color: #DCFCFF;
    padding: 16px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    font-family: 'opensans';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    margin-bottom: 30px;
}

.bnp-penpal-company-info-panel #info-icon::after {
    font-family: 'icon' !important;
    content: '\e92a';
    color: #000;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px;
}

.bnp-penpal-company-info-panel p {
    margin: 0px;
}

.bnp-penpal-company div.dropdown,
.bnp-penpal-company.bnp-edition-panel div.dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    justify-content: space-between;
    padding: 4px 5px 1px;
    margin: 0px;
}

.bnp-penpal-company div.dropdown #dropinput,
.bnp-penpal-company.bnp-edition-panel div.dropdown #dropinput,
.bnp-penpal-company div.dropdown #dropinput:focus,
.bnp-penpal-company.bnp-edition-panel div.dropdown #dropinput:focus,
.bnp-penpal-company div.dropdown #selectinput,
.bnp-penpal-company.bnp-edition-panel div.dropdown #selectinput,
.bnp-penpal-company div.dropdown #selectinput:focus,
.bnp-penpal-company.bnp-edition-panel div.dropdown #selectinput:focus {
    width: calc(100% - 35px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    color: #777;
}

.bnp-penpal-company div.dropdown #dropinput,
.bnp-penpal-company.bnp-edition-panel div.dropdown #dropinput {
    border: none;
    font-family: 'bnp';
    font-size: 1.0625rem;
    height: 20px;
}

.bnp-penpal-company div.dropdown .selectorIcons,
.bnp-penpal-company.bnp-edition-panel div.dropdown .selectorIcons {
    margin: 0px;
}

.bnp-penpal-company div.dropdown #selectinput,
.bnp-penpal-company.bnp-edition-panel div.dropdown #selectinput {
    border: none;
    font-family: 'bnp';
    font-size: 0.9375rem;
    height: 20px;
}

.bnp-penpal-company div.dropdown .selectorIcons,
.bnp-penpal-company.bnp-edition-panel div.dropdown .selectorIcons {
    margin: 0px;
}

.bnp-penpal-company div.dropdown:hover {
    box-shadow: 0px 0px 1px #777777;
}

#search-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0px;
    border-bottom: 1px solid #ddd;
    background-color: #F3F3F3;
}

#search-icon {
    margin: 0px;
}

#search-icon::after {
    font-family: 'icon' !important;
    content: '\e90b';
    color: #777;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.1875rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px;
    padding: 0px 17px;
}

#searchInput {
    box-sizing: border-box;
    font-family: 'bnp';
    font-size: 1rem;
    padding: 10px 17px 10px 17px;
    margin: 0px;
    border: none;
    background-color: #f3f3f3;
    height: inherit;
    width: 75%;
}

/* Dropdown Content (Hidden by Default) */
.datalist-content,
.selectlist-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 225px;
    width: min-content;
    max-width: 460px;
    border: 1px solid #ddd;
    z-index: 1;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

datalist {
    display: block;
    position: relative;
    background-color: white;
    font-family: 'bnp';
    width: 100%;
    max-height: 9rem;
    overflow-y: auto;
    scrollbar-width: thin;
}

.selectlist-content datalist {
    max-height: none;
}

/* Options inside the dropdown */
.datalist-content option,
.selectlist-content option {
    color: black;
    padding: 10px 15px 3px 10px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 420px;
    width: calc(100% - 25px);
    cursor: pointer;
}

.datalist-content option.active,
.selectlist-content option.active {
    color: #199d69;
}

.datalist-content option:hover,
.datalist-content option.hover,
.selectlist-content option:hover,
.selectlist-content option.hover {
    background-color: #22543A;
    color: #FFF;
}

/* Show the dropdown menu (use JS to add this class to the .datalist-content container when the user clicks on the dropdown button) */
.datalist-content.bnp-opened,
.selectlist-content.bnp-opened {
    display: block;
}

.bnp-penpal-company .bnp-penpal-company-header a.addCompany:after {
    content: '\e957';
    font-size: 1.125rem;
}

#bnp-fund-sheet .bnp-fund-header button:before {
    content: "\e92a";
    margin-right: 12px;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 1.75rem;
}

#bnp-fund-sheet .bnp-fund-header h3:before {
    display: none;
}

#funds-informations {
    display: none;
    border: 1px solid #000;
    margin-bottom: 50px;
    width: 100%;
}

#funds-informations .informations-close {
    display: flex;
    justify-content: flex-end;
}

#funds-informations .informations-close button:before {
    content: "\e905";
    margin: 10px 10px 0 0;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 1rem;
}

#funds-informations .informations-content {
    height: 260px;
    padding: 20px;
    font-family: 'bnp';
    line-height: 1.3em;
    color: #1F1F1F;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #b4b4b4 #fff;
}

#funds-informations .informations-content h2 {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: 700;
}

#funds-informations .informations-content h3 {
    margin-bottom: 24px;
    font-size: 1rem;
    font-weight: 700;
}

#funds-informations .informations-content p {
    font-family: 'bnplight';
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 24px;
}

#funds-informations .informations-content ul {
    padding-left: 20px;
    font-family: 'bnplight';
    font-size: 0.875rem;
    font-weight: 300;
    list-style-type: disc;
    margin-bottom: 24px;
}

body div.bnp-form-entry.select-company {
    width: 64% !important;
}

#bnp-mainarea div#select-ent details {
    display: inline-flex;
    flex-direction: column;
    font-family: 'bnp';
    font-size: 0.875rem;
    line-height: normal;
    width: 100%;
    position: relative;
}

#bnp-mainarea div#select-ent details summary {
    padding: 10px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}

#bnp-mainarea div#select-ent details summary input {
    border: none;
    padding: 0;
}

#bnp-mainarea div#select-ent details summary input::-webkit-search-cancel-button {
    display: none;
}

#bnp-mainarea div#select-ent details summary::marker,
#bnp-mainarea div#select-ent details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
}

#bnp-mainarea div#select-ent details summary::after {
    position: absolute;
    top: 15px;
    right: 12px;
    content: '\e910';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a7a7a7;
    font-size: 0.9375rem;
    box-sizing: border-box;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

details[open] summary {
    margin-bottom: 3px;
}

details[open] summary::after {
    top: -0.15rem;
    transform: rotate(180deg);
}

#bnp-mainarea div#select-ent fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 169px;
    border-radius: 4px;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
}

#bnp-mainarea div#select-ent fieldset ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 126px;
    overflow-x: clip;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 white;
}

#bnp-mainarea div#select-ent fieldset ul li {
    margin: 0;
    padding: 7px 12px;
}

#bnp-mainarea div#select-ent fieldset ul li * {
    cursor: pointer;
}

#bnp-mainarea div#select-ent fieldset ul li label {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    color: #1F1F1F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'bnp';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px;
}

#bnp-mainarea div#select-ent fieldset ul li label input[type=checkbox] {
    width: 16px;
    margin: 1px 10px 0px 0px;
    accent-color: #00915A;
}

#bnp-mainarea div#select-ent fieldset ul li:hover {
    background: #eeeeee;
}

#bnp-mainarea div#select-ent fieldset div#select-all-container {
    border-top: #d4d4d4 1px solid;
    padding: 12px;
}

#bnp-mainarea div#select-ent fieldset div#select-all-container label {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    color: #1F1F1F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'bnp';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    margin: 0px;
}

#bnp-mainarea div#select-ent fieldset div#select-all-container label input[type=checkbox] {
    width: 16px;
    margin: 1px 10px 0px 0px;
    accent-color: #00915A;
}

#entities-tag-list {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'bnp';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#entities-tag-list div[id^="tag-"] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 9px 15px;
    color: #1F1F1F;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#entities-tag-list div[id^="tag-"]:after {
    float: right;
    box-sizing: border-box;
    content: '\e927';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    margin-left: 25px;
}

#entities-tag-list div#deleteTags {
    padding: 9px 15px;
    color: #686767;
    text-decoration: underline;
    cursor: pointer;
}

li#entities-taglist {
    display: flex;
}

li#entities-taglist #taglist {
    width: 69%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 12px;
    gap: 4px;
}

li#entities-taglist #taglist span {
    width: auto;
    font-family: 'bnp';
    font-size: 0.75rem;
    color: #333;
    text-transform: uppercase;
    border: 0.3px solid #333;
    border-radius: 3px;
    padding: 5px 5px 3px;
}

.splide {
    padding-top: 24px;
}

.splide__arrow:disabled {
    display: none;
}

.splide__pagination {
    gap: 5px;
}

.splide__pagination__page {
    background-color: #b6b6b6;
    border-radius: 6px;
    height: 12px;
    width: 15px;
    opacity: 1;
}

.splide__pagination__page.is-active {
    background-color: #008859;
    width: 27px;
    transform: none;
}

.splide__arrow {
    background: #008859;
    border-radius: 5px;
    opacity: 1;
    width: 2em;
    box-shadow: 0px 4px 10px 0px rgba(10, 10, 46, 0.1);
}

.splide__arrow svg {
    height: 0.8em;
    width: 0.8em;
    filter: invert(1);
}

.splide__arrow--next {
    right: -1.4em;
}

.splide__arrow--prev {
    left: -1.4em;
}

@media all and (max-width: 1024px) {
    .section-carousel {
        width: 96%;
        margin: auto;
    }
}

@media all and (max-width: 950px) {
    .section-carousel {
        min-width: 600px;
        max-width: 680px;
        margin: auto;
    }
}

@media all and (max-width: 666px) {
    .section-carousel {
        max-width: 350px;
        min-width: 330px;
        margin: auto;
    }
}

#modal-infocomplet {
    display: none;
    position: fixed;
    width: 490px;
    border-radius: 5px;
    padding: 20px 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 999999;
}

#modale-exit {
    display: flex;
    justify-content: flex-end;
    margin: 0px;
    cursor: pointer;
}

#modale-exit::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
    font-size: 1rem;
}

#modale-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;

}

#info-picto {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
}

#info-picto::after {
    content: "\e92a";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;

}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type {
    float: left;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label:hover:before {
    background: #00915940;
    border: 1px solid #00915a;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:after {
    background: #009159;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type .bnp-type-label.active:before {
    background: #fff;
    border: 1px solid #00915a;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table table.active {
    display: table;
    border-collapse: separate;
    border: none;
    border-radius: 6px;
    padding: 0px;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.3);
}


#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th,
#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td {
    width: 50%;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th:first-child,
#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tbody tr td:first-child {
    text-align: left;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th:first-child,
#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table thead tr th {
    background-color: #008859;
    color: #FFF;
    font-size: 1rem;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table th {
    border: 1px solid #008859;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table th:first-child {
    border-right: 1px solid #FFF;
    border-top-left-radius: 6px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table th:last-child {
    border-top-right-radius: 6px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-table td span.perf-date {
    font-family: 'bnplight';
    color: #686767;
    font-weight: 100;
}

#bnp-fund-sheet .bnp-performances-seemore {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

#bnp-fund-sheet .bnp-performances-seemore button {
    font-size: 1rem;
    font-weight: 100;
    cursor: pointer;
}

#bnp-fund-sheet .bnp-performances-seemore button#infoPerfButton.bnp-opened {
    color: #008859;
}

#bnp-fund-sheet .bnp-performances-seemore button:before {
    font-size: 1rem;
    margin-right: 4px;
    translate: 0px 2px;
}

#bnp-fund-sheet .bnp-performances-seemore button:after {
    font-family: 'icon' !important;
    content: '\e954';
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 0px 0px 5px;
    translate: 0px 5px;
}

#bnp-fund-sheet .bnp-performances-seemore button#infoPerfButton.bnp-opened:after {
    content: '\e955';
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type legend {
    visibility: collapse;
    height: 0px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-type input {
    visibility: collapse;
    height: 0px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend {
    margin-top: 20px;
    margin-bottom: 50px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend p {
    color: #0F0F0F;
    font-size: 0.87rem;
    font-family: 'bnp';
    line-height: 20px;
}

#bnp-fund-sheet .bnp-fund-performances .bnp-performances-content .bnp-content-legend p.bold {
    font-family: 'bnpbold';
}

#perf-tabs-informations {
    border: none;
    margin-bottom: 0px;

    .informations-tabs-content {
        padding: 20px;
        color: #1F1F1F;

        p {
            line-height: 20px;
            font-family: 'bnplight';
            font-size: 0.87rem;

            strong {
                font-family: 'bnp';
            }
        }
    }
}

.bnp-blocktitle-facturation {
    position: relative;
    padding: 50px 0px 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #cdcdcd;
}

.bnp-blocktitle-facturation h2 {
    margin: 0;
    font-family: 'bnp';
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: bold;
}

div.ag-cell-value .downloader:before {
    content: '\e92e';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303030;
    font-size: 1.1875rem;
    box-sizing: border-box;
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
}

/**/
.bnp-doclist .bnp-filters #bnp-search-helper,
.bnp-doclist .bnp-filters #bnp-doc-helper,
.bnp-doclist .bnp-filters #bnp-date-helper,
.bnp-synchrolist .bnp-filters #bnp-date-helper,
.bnp-synchrolist .bnp-filters #bnp-motif-helper,
.bnp-synchrolist .bnp-filters #bnp-statut-helper {
    display: none;
    width: 100%;
    position: relative;
    translate: 0 -16px;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    /* check box  */
    /**/
}

.bnp-doclist .bnp-filters #bnp-search-helper .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-doc-helper .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-date-helper .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-checkbox-list {
    padding: 16px;
}

.bnp-doclist .bnp-filters #bnp-search-helper .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-date-helper .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-checkbox-list .custom-checkbox {
    width: 100%;
    box-sizing: border-box;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox {
    width: auto;
    float: right;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #777;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-header .custom-checkbox-list .custom-checkbox:first-child {
    border: 0 none;
    padding-right: 0;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body {
    max-height: 216px;
    overflow-y: scroll;
    margin-right: 20px;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body .custom-checkbox-list {
    display: flex;
    flex-direction: column;
}

.bnp-doclist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    width: 33.3%;
    float: left;
}

.bnp-doclist .bnp-filters #bnp-doc-helper,
.bnp-doclist .bnp-filters #bnp-date-helper,
.bnp-synchrolist .bnp-filters #bnp-date-helper,
.bnp-synchrolist .bnp-filters #bnp-motif-helper,
.bnp-synchrolist .bnp-filters #bnp-statut-helper {
    width: fit-content;
    position: absolute;
}

.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body {
    width: 100%;
}

.bnp-doclist .bnp-filters #bnp-doc-helper datalist#date-list,
.bnp-doclist .bnp-filters #bnp-date-helper datalist#date-list,
.bnp-synchrolist .bnp-filters #bnp-date-helper datalist#date-list,
.bnp-synchrolist .bnp-filters #bnp-motif-helper datalist#date-list,
.bnp-synchrolist .bnp-filters #bnp-statut-helper datalist#date-list {
    max-height: fit-content;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox,
.bnp-synchrolist .bnp-filters #bnp-date-helper .custom-listbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-listbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-listbox {
    display: flex;
    flex-direction: column;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox .custom-listbox-elem,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem,
.bnp-synchrolist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-listbox .custom-listbox-elem,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-listbox .custom-listbox-elem {
    box-sizing: border-box;
    padding: 10px 15px;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: .9375rem;
    display: inline-table;
}

.bnp-doclist .bnp-filters #bnp-doc-helper .custom-listbox .custom-listbox-elem:hover,
.bnp-doclist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem:hover,
.bnp-synchrolist .bnp-filters #bnp-date-helper .custom-listbox .custom-listbox-elem:hover,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-listbox .custom-listbox-elem:hover,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-listbox .custom-listbox-elem:hover {
    background-color: #E6F3EE;
}

.bnp-doclist .bnp-filters .bnp-filter-company-wrapper #btn-search {
    display: block;
    width: 48px;
    height: 39px;
    top: -54px;
    right: -2px;
    position: relative;
    float: right;
    background: #008859;
    cursor: pointer;
    border-radius: 2px;
}

.bnp-doclist .bnp-filters .bnp-filter-company-wrapper #btn-search:before {
    position: absolute;
    top: 13px;
    right: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row {
    display: inline-block;
    width: 100%;
    float: left;
    /*  input#filter-document, input#filter-date, input#filter-customdate {
    padding : 5px 10px;
}  */
}

.bnp-filters-row .bnp-filter-company-wrapper {
    width: 73%;
    float: left;
    height: 44px;
}

.bnp-filters-row .bnp-filter-company-wrapper #filter-company {
    border-radius: 2px;
}

.bnp-filters-row .bnp-filter-document-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-date-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-customdate-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-motif-wrapper #btn-dropdown,
.bnp-filters-row .bnp-filter-statut-wrapper #btn-dropdown {
    display: block;
    width: 10px;
    height: 39px;
    top: -54px;
    right: -18px;
    position: relative;
    float: right;
    cursor: pointer;
}

.bnp-filters-row .bnp-filter-document-wrapper #btn-dropdown:before,
.bnp-filters-row .bnp-filter-date-wrapper #btn-dropdown:before,
.bnp-filters-row .bnp-filter-motif-wrapper #btn-dropdown:before,
.bnp-filters-row .bnp-filter-statut-wrapper #btn-dropdown:before {
    position: absolute;
    top: 13px;
    right: 10px;
    content: '\e954';
    color: #0f0f0f;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row .bnp-filter-customdate-wrapper #btn-dropdown:before {
    position: absolute;
    top: 13px;
    right: 10px;
    content: '\e925';
    color: #0f0f0f;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    box-sizing: border-box;
}

.bnp-filters-row .bnp-filter-document-wrapper.opened #btn-dropdown:before,
.bnp-filters-row .bnp-filter-date-wrapper.opened #btn-dropdown:before,
.bnp-filters-row .bnp-filter-motif-wrapper.opened #btn-dropdown:before,
.bnp-filters-row .bnp-filter-statut-wrapper.opened #btn-dropdown:before {
    content: '\e955';
}

.bnp-filters-row .bnp-filter-document-wrapper,
.bnp-filters-row .bnp-filter-motif-wrapper,
.bnp-filters-row .bnp-filter-statut-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
    margin-left: 35px;
}

.bnp-filters-row .bnp-filter-document-wrapper #filter-document,
.bnp-filters-row .bnp-filter-motif-wrapper #filter-document,
.bnp-filters-row .bnp-filter-statut-wrapper #filter-document,
.bnp-filters-row .bnp-filter-document-wrapper #filter-motif,
.bnp-filters-row .bnp-filter-motif-wrapper #filter-motif,
.bnp-filters-row .bnp-filter-statut-wrapper #filter-motif,
.bnp-filters-row .bnp-filter-document-wrapper #filter-statut,
.bnp-filters-row .bnp-filter-motif-wrapper #filter-statut,
.bnp-filters-row .bnp-filter-statut-wrapper #filter-statut {
    cursor: pointer;
    field-sizing: content;
    border-radius: 2px;
    padding: 5px 10px;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #filter-document {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #filter-document::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-document-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-motif-wrapper.active #filter-motif {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-motif-wrapper.active #filter-motif::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-motif-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-statut-wrapper.active #filter-statut {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-statut-wrapper.active #filter-statut::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-statut-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-date-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
}

.bnp-filters-row .bnp-filter-date-wrapper #filter-date {
    cursor: pointer;
    field-sizing: content;
    border-radius: 2px;
    padding: 5px 10px;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #filter-date {
    background-color: #008859;
    color: #FFF;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #filter-date::placeholder {
    color: #FFF;
}

.bnp-filters-row .bnp-filter-date-wrapper.active #btn-dropdown:before {
    color: #fff;
}

.bnp-filters-row .bnp-filter-customdate-wrapper {
    width: fit-content;
    float: left;
    height: 44px;
    margin-left: 18px;
}

.bnp-filters-row .bnp-filter-customdate-wrapper #filter-customdate {
    cursor: pointer;
    field-sizing: content;
    font-size: 0.9375rem;
    padding: 9px 10px 5px;
    border-radius: 2px;
}

.bnp-filters-row #link-billing {
    padding: 10px 1%;
    float: right;
    border: 1px solid #d4d4d4;
    margin: 3px 0 15px;
    background: #f9f9f9;
    display: inline-block;
    font-size: 1.1em;
    line-height: 1;
    font-family: inherit;
    font-weight: 300;
    white-space: normal;
    vertical-align: middle;
}

.bnp-filters-row #link-billing a {
    color: #0F0F0F;
    text-align: center;
    font-family: "BNPP Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    /* 17.99px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bnp-filters-row #filter-periode {
    width: 110px;
    float: left;
}

.bnp-filters-row #filter-periode-custom {
    width: fit-content;
    display: none;
    float: left;
}

.bnp-filters-row #filter-document::placeholder,
.bnp-filters-row #filter-company::placeholder,
.bnp-filters-row #filter-date::placeholder,
.bnp-filters-row #filter-customdate::placeholder,
.bnp-filters-row #filter-motif::placeholder,
.bnp-filters-row #filter-statut::placeholder {
    color: #0F0F0F;
    font-family: 'bnp';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    /* 17.99px */
}

.bnp-filtered-list {
    float: left;
    margin-bottom: 15px;
}

.bnp-filtered-list #bnp-delete-filters {
    display: none;
    float: left;
    cursor: pointer;
    padding: 6px 8px 6px 8px;
    margin: 8px 8px 0 0;
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bnp-filtered-list .bnp-filter-active {
    float: left;
    padding: 6px 8px 6px 8px;
    margin: 8px 8px 0 0;
    color: #fff;
    background: #008859;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.bnp-filtered-list .bnp-filter-active .bnp-filter-type {
    font-family: 'bnplight';
}

.bnp-filtered-list .bnp-filter-active span.bnp-filter-close:before {
    content: '\e905';
    cursor: pointer;
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: .625rem;
    box-sizing: border-box;
    margin-left: 7px;
}

.bnp-doclist .bnp-filters #bnp-doc-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-date-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-motif-helper #bnp-search-helper-body,
.bnp-doclist .bnp-filters #bnp-statut-helper #bnp-search-helper-body {
    overflow: auto;
    margin: 0px;
    max-height: fit-content;
}

.dp-highlight a.ui-state-default {
    border: 1px solid #199d69;
    background: #199d69;
    font-weight: normal;
    color: #ffffff;
}

.ag-paging-page-size {
    display: none;
}

.ag-paging-panel {
    justify-content: center;
}

.ag-row-hover {
    background-color: #f7f9f1;
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile {
    background-color: #FFE9ED;
    padding: 16px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    color: #20252B;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "opensans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile p {
    margin: 0px;
    word-break: normal;
}

.bnp-penpal-company .bnp-grid div.bnp-penpal-company-alert-billingprofile #info-icon::after {
    font-family: 'icon' !important;
    content: '\e924';
    color: #DC2626;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 7px;
}

.bnp-billing-subs-wrapper {
    display: flex;
    padding: 20px;
    margin-bottom: 25px;
    align-items: center;
    gap: 10px;
    background-color: #FFF;
    border-radius: 3px;
    justify-content: space-between;
}

.bnp-billing-subs-wrapper div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.bnp-billing-subs-wrapper p,
.bnp-billing-subs-wrapper a,
.bnp-billing-subs-wrapper div {
    color: #1F1F1F;
    font-family: 'bnp';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin: 0px;
}

.bnp-billing-subs-wrapper a {
    text-decoration: underline;
}

.ag-theme-bnp .ag-header-cell-text {
    font-weight: var(--ag-header-font-weight);
    color: var(--ag-header-foreground-color);
}

.ag-theme-bnp .ag-icon.ag-icon-desc::before {
    font-family: 'icon' !important;
    content: '\e92f';
    top: -3px;
    color: #FFF;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    mask-image: none;
    background-color: transparent;
}

.ag-theme-bnp .ag-icon.ag-icon-asc::before {
    font-family: 'icon' !important;
    content: '\e930';
    top: -3px;
    color: #FFF;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    mask-image: none;
    background-color: transparent;
}

.ag-theme-bnp {
    --ag-accent-color: #008a5a;
    --ag-border-color: #0000000F;
    --ag-border-radius: 10;
    --ag-browser-color-scheme: inherit;
    --ag-column-border: false;
    --ag-font-family: OpenSans;
    --ag-footer-row-border: true;
    --ag-header-background-color: #008859;
    --ag-header-foreground-color: #FFF;
    --ag-header-column-border: true;
    --ag-header-column-border-height: 50%;
    --ag-header-column-resize-handle-color: #0000001A;
    --ag-header-column-resize-handle-height: 60%;
    --ag-header-font-size: 15;
    --ag-header-font-weight: 700;
    --ag-header-row-border: true;
    --ag-header-text-color: #FFFFFF;
    --ag-row-hover-color: #008a5a1a;
    --ag-spacing: 8;
    --ag-wrapper-border: false;
    --ag-wrapper-border-radius: 0;
}

.bnp-toggle-switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    padding: 2px;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 6px;
    background: #a7a7a7;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.bnp-toggle-switch:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -3px;
    left: -5px;
    width: 18px;
    height: 18px;
    background: #efefef;
    border: 1px solid #a7a7a7;
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

[aria-checked="true"] .bnp-toggle-switch {
    background: #199d69;
    border-color: #199d69;
}

[aria-checked="true"] .bnp-toggle-switch:before {
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    left: 15px;
    background: #68cd75;
    border-color: #68cd75;
}

[aria-checked="true"] .on {
    display: block;
}

[aria-checked="true"] .off {
    display: none;
}

[aria-checked="false"] .on {
    display: none;
}

[aria-checked="false"] .off {
    display: block;
}

.bnp-synchrolist {
    margin-top: 15px;
}

.bnp-synchrolist .bnp-filters-row {
    margin-bottom: 15px;
}

.bnp-synchrolist #myGrid {
    width: 1232px;
    padding-bottom: 100px;
}

.bnp-synchrolist .bnp-filters-row:nth-child(2) {
    width: 1232px;
}

.bnp-synchrolist #bnp-dl-button {
    float: right;
    position: relative;
    border-radius: 2px;
    font-size: 1rem;
    color: #fff;
    background: #00915A;
    cursor: pointer;
    padding: 16px 20px 14px 20px;
    box-sizing: border-box;
    text-align: center;
}

.bnp-synchrolist #bnp-dl-button:after {
    content: "\e928";
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper,
.bnp-synchrolist .bnp-filters #bnp-motif-helper,
.bnp-synchrolist .bnp-filters #bnp-statut-helper {
    display: none;
    width: 100%;
    position: relative;
    translate: 0 -16px;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    -moz-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=NaN, Strength=17);
    /* check box  */
}

.bnp-synchrolist .bnp-filters #bnp-search-helper .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-checkbox-list {
    padding: 16px;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper .custom-checkbox-list .custom-checkbox {
    width: 100%;
    box-sizing: border-box;
    color: #151515;
    font-family: 'bnplight';
    cursor: pointer;
    font-size: 0.9375rem;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body {
    max-height: 216px;
    overflow-y: scroll;
    margin-right: 2px;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body::-webkit-scrollbar,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body::-webkit-scrollbar-thumb,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.bnp-synchrolist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body .custom-checkbox-list,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body .custom-checkbox-list {
    display: flex;
    flex-direction: column;
}

.bnp-synchrolist .bnp-filters #bnp-search-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    width: fit-content;
    padding-left: 0px;
    float: left;
}

.bnp-synchrolist .bnp-filters #bnp-motif-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox,
.bnp-synchrolist .bnp-filters #bnp-statut-helper #bnp-search-helper-body .custom-checkbox-list .custom-checkbox {
    width: fit-content;
    float: left;
    padding-left: 35px;
}

.bnp-synchrolist .bnp-filters .bnp-filter-company-wrapper #btn-search {
    display: block;
    width: 48px;
    height: 39px;
    top: -54px;
    right: -2px;
    position: relative;
    float: right;
    background: #008859;
    cursor: pointer;
    border-radius: 2px;
}

.bnp-synchrolist .bnp-filters .bnp-filter-company-wrapper #btn-search:before {
    position: absolute;
    top: 13px;
    right: 15px;
    content: '\e90b';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

#modale-synchro {
    display: none;
    position: absolute;
    left: 50%;
    top: 15%;
    transform: translate(-50%, 0%);
    width: 737px;
    height: 70%;
    overflow: auto;
    background-color: #FFF;
    color: #000;
    padding: 70px 50px 50px;
    z-index: 999;
    border-radius: 3px;
}

#modale-synchro #title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#modale-synchro #title h1 {
    color: #000;
    text-align: center;
    font-family: "OpenSans";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.103px;
    margin: 0px;
}

#modale-synchro #title p {
    color: #14112D;
    text-align: center;
    font-family: "OpenSans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.07px;
    margin: 0px;
}

#modale-synchro #content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-top: 24px;
}

#modale-synchro #content .bloc-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

#modale-synchro #content .bloc-content h2 {
    color: #1F1F1F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "OpenSans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 157.143% */
    padding-bottom: 24px;
    margin: 0px;
    border-bottom: 1px solid #eee;
    width: 100%;
}

#modale-synchro #content .bloc-content .bloc-content-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid #eee;
    padding: 15px 0px;
}

#modale-synchro #content .bloc-content .bloc-content-item h3 {
    color: #686767;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "OpenSans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin: 0px;
}

#modale-synchro #content .bloc-content .bloc-content-item p {
    color: #1F1F1F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "OpenSans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0px;
}

#modale-synchro .close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

#modale-synchro .close:before {
    position: relative;
    content: '\e905';
    display: inline-block;
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b0b0b0;
    padding: 6px;
    font-size: 1rem;
    box-sizing: border-box;
}

.tag-statut {
    border-radius: 3px;
    height: 25px;
    margin: 6px 0px 0px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tag-statut.rejected,
.tag-statut.deleted {
    border: 1px solid #DC2626;
    background-color: #DC262655;
}

.tag-statut.waiting {
    border: 1px solid #F3B351;
    background-color: #F3B35155;
}

.tag-statut.created {
    border: 1px solid #2563EB;
    background-color: #2563EB55;
}

.tag-statut.different {
    border: 1px solid #8C539A;
    background-color: #8C539A55;
}

#modale-synchro.active {
    display: block;
}

.erl-body {
    display: flex;
    flex-direction: column;
    color: #0f0f0f;
    text-align: center;
    font-feature-settings: 'liga'
    off, 'clig'
    off;
    font-family: 'OpenSans', Helvetica, sans-serif;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    min-height: 100vh
}

.erl-header,
.erl-footer {
    display: flex;
    position: absolute;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    background: #FFF;
    z-index: 10
}

.erl-header .erl-logo-link,
.erl-footer .erl-logo-link {
    height: 34px
}

.erl-header .erl-logo-link img,
.erl-footer .erl-logo-link img {
    height: 34px
}

.erl-main {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: linear-gradient(0deg,
    rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 100%), url('../../images/background-select-profile.jpg') #d3d3d3 50% / cover no-repeat
}

.erl-main .erl-titles {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700
}

.erl-profiles-container {
    height: 400px;
    padding: 100px 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: #FFF;
    border-radius: 5px
}

.erl-profiles-container a {
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

.erl-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center
}

.erl-cards-container .erl-profile-card {
    max-width: 425px;
    padding: 50px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #686767;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.erl-cards-container .erl-profile-card:hover {
    background-color: #e6f3ee;
    border: 2px solid #008859;
    text-decoration: none
}

.erl-profile-txt-container h2 {
    font-size: 20px;
    font-weight: 700;
}

.erl-profile-txt-container p {
    font-size: 17px;
    font-weight: 400;
}

.erl-cards-container button:focus {
    background-color: #e6f3ee
}

.erl-footer {
    padding: 18px 20px;
    border-top: 1px solid #E7E7E7;
    border-bottom: none;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    top: inherit;
    font-size: .75rem
}

.erl-footer .erl-legal-links {
    display: flex;
    gap: 10px
}

.erl-footer .erl-legal-links .erl-legal-separator {
    color: #D8D8D8
}

.combo *,
.combo *::before,
.combo *::after {
    box-sizing: border-box
}

.combo {
    display: block;
    max-width: 180px;
    position: relative
}

.combo-input {
    display: block;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    width: 100%;
    padding-right: 25px;
    box-sizing: border-box;
    cursor: pointer
}

.combo-input img.flag {
    width: 24px;
    border-radius: 2px;
    margin-right: 7px;
    position: relative;
    top: 2px
}

.open .combo-input {
    border-radius: 2px
}

.combo-input::after {
    position: absolute;
    top: 27px;
    right: 0;
    padding-right: 5px;
    content: '\e910';
    display: inline-block;
    font-family: icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: .625rem;
    box-sizing: border-box;
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s
}

.open .combo-input::after {
    transform: scaleY(-1)
}

.combo-label {
    display: block;
    font-size: .875rem
}

.combo-menu {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(10, 10, 46, 0.2);
    border-radius: 5px;
    margin-top: 10px;
    display: none;
    max-height: 300px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100
}

.open .combo-menu {
    display: block
}

.combo-option {
    padding: 14px;
    font-size: 1rem;
    text-align: left;
    border-bottom: 1px solid #E2E2E2;
    cursor: pointer
}

.combo-option:first-child {
    border-radius: 5px 5px 0 0
}

.combo-option:last-child {
    border-bottom: none;
    border-radius: 0 0 5px 5px
}

.combo-option img.flag {
    width: 24px;
    border-radius: 2px;
    margin-right: 7px;
    position: relative;
    top: 2px
}

.combo-option:hover {
    background-color: #e6f3ee
}

.combo-option.option-current {
    outline: 2px solid #008859;
    outline-offset: -2px;
    background-color: #e6f3ee
}

.combo-option[aria-selected="true"] {
    position: relative;
    color: #008859;
    font-weight: 700
}