/*(AFI) CSS pour le bouton après le champs password de la page de login*/
button#LoginButton.btn.btn-default {
    font-size: 16px;
    line-height: 25px;
    height: 34px;
    padding-top: 0;
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #575757;
    background-position: center center;
    background-size: 8px;
    background-image: url("../img/img-chevron-right-white.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/img-chevron-right-white.svg");
    margin: 0 0 0 10px;
}

/*(AFI) modification des alert-danger bootstrap*/
#divAlert {
    margin-top: 10px;
}

/*(AFI) webkit autofill*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #efefef inset;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px #efefef inset, inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

/*(AFI) bouton disclaimer*/
#buttonAcceptDisclaimer {
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    color: #efefef;
    border-radius: 0;
    background-color: #575757;
}

.text-center.disclaimer {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*(AFI) message d'erreur en rouge*/
.errorText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a00;
}

/*(AFI) marge entre la case à cocher et le disclaimer
input#acceptDisclaimer {
    margin-right: 5px;
}*/

/*(AFI) resize none textarea*/
textarea#DisclaimerArea.form-control {
    resize: none;
}

/*(DTH) enlever l'image i des derniers contrats consultés*/
.last-contrat-viewed table tr td:last-child {
    background-image: none;
}

/*(DTH) afficher l'icône i avec l'utilisation de cette classe*/
.bg-icon.icon-info-black {
    padding-right: 5px;
    background-position: right 10px center;
    background-size: auto 17px;
    background-image: url("../img/icon-info-black.png");
    background-repeat: no-repeat;
}
/*(DTH) Augmentation de la largeur du tooltip bootstrap*/
.tooltip-large {
    max-width: 300px;
    /* If max-width does not work, try using width instead */
    width: 300px;
}
/*(DTH) Ajout de l'icone d'avenant envoyé dans 2 couleurs*/
.bg-icon.icon-send {
    background-image: url("../img/icon-send-grey.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-send-grey.svg");
}

    .bg-icon.icon-send.grey {
        opacity: 0.5;
    }

    .bg-icon.icon-send.gold {
        background-image: url("../img/icon-send-gold.png");
        background-repeat: no-repeat;
        background-image: none, url("../img/icon-send-gold.svg");
    }


/* (NRI) CommissionStatistics.aspx AspxGridView Personalisation de la premiere row */
.dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1 {
    height: 50px;
    background: rgba(87, 87, 87, 0.8);
    display: table-row;
}

    .dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1.TableRow {
        color: red;
    }

    .dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1 td.dxgv {
        padding: 4px 6px;
        border-top: solid 4px black;
        border-bottom: solid 4px black;
        background: rgba(87, 87, 87, 0.8);
        color: white;
    }
/* (NRI) CommissionStatistics.aspx AspxGridView Personalisation Footer/Summary */
.dev-express-grid .dxgvControl .dxgvTable .dxgvFooter .dxgv {
    border: none;
    height: 50px;
}

.dev-express-grid .dxgvControl .dxgvTable .dxgvFooter {
    display: table-row;
    font-weight: bold;
    background-color: rgba(87, 87, 87, 0.8);
    color: white;
}
/* (NRI) CommissionStatistic.aspx On diminue le swap */
body.commissions-stat .breadcrumb-apporteur {
    margin-bottom: 10px;
}
/* (AFI) bouton disclaimer comme export*/
#acceptDisclaimerButton {
    /*margin-top: 10px;*/
}
/* (NRI) CommissionDetail.aspx On cache 1 des 2 grilles donc on reduit par moitié le swappable */
.swappable2 {
    padding: 15px 0 0;
}
/* (NRI) ContractHistory.aspx on supprime les dimmensions fixées en changeant la balise */
body.contrat-avoir .chart-verticalbar-stacked2 {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: content-box;
    overflow: hidden;
}
/* (NRI) ContractHistory.aspx aucune donnees graphiques à afficher */
.noData, .noDataScatter {
    padding-top: 15px;
    padding-left: 15px;
    height: 60px;
    color: #000;
    text-align: center;
    padding: 30px;
}

.noData {
    background-color: white;
}

/* (NRI) ContractHistory.aspx legende plus petite */
body.contrat-avoir .chart-legend {
    padding: 0px 15px 10px;
    background-color: rgba(255, 255, 255, 0.9);
}
/* (NRI) StatisticBroker.aspx ... on format la legende */
body.stat-apporteur .donut_graph .background-chart .chart-legend {
    height: 100%;
    padding-top: 30px;
    padding-left: 30px;
}
/* (NRI) StatisticBroker.aspx Tableau en legende */
.chart-legend table {
    border-spacing: 3px;
    border-collapse: separate;
    padding-right: 15px;
}

    .chart-legend table td {
        padding-left: 10px;
    }

    .chart-legend table tr {
        padding-bottom: 3px;
    }

/*(DTH) Suppression du margin (utilisé dans détails contrat grille frais d'entrée)*/
.noMargin {
    margin: 0 0 0 0;
}

.noPuce {
    list-style-type: none;
}


.noPadding {
    padding: 0px;
}

.arrowFunds {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .arrowFunds > li:before {
        content: "";
        border-color: transparent #111;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: inline-block;
        height: 0;
        width: 0;
        left: -0.1em;
        position: relative;
    }

/* (NRI) StatisticBroker.aspx Tableau en legende */
.chart-legend table {
    border-spacing: 3px;
    border-collapse: separate;
}

    .chart-legend table td {
        padding-left: 10px;
    }

    .chart-legend table tr {
        padding-bottom: 3px;
    }
/* (NRI) Groupe en Gras sur les GridViews */
.dxgvGroupRow {
    font-weight: bold;
}
/*(DTH) Override du CSS Vanksen pour rétablir le comportement normal du pager */
.dev-express-grid .dxgvControl .dxgvPagerBottomPanel {
    display: block;
}

body.contrat-situation .dxgvPagerBottomPanel {
    display: block;
}

/* NRI - StatisticContract.aspx */
.breadcrumb-comm2 .title-col {
    padding-right: 0;
}

@media (min-width: 768px) {
    .breadcrumb-comm2 .title-col {
        padding-right: 1px;
    }
}

.breadcrumb-comm2 .title-col .periode-title-container {
    padding: 5px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 10px;
    color: #fff;
    background-color: #575757;
}

@media (min-width: 768px) {
    .breadcrumb-comm2 .title-col .periode-title-container {
        padding: 15px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.breadcrumb-comm2 .breadcrumb-col {
    padding-left: 0;
}

    .breadcrumb-comm2 .breadcrumb-col .breadcrumb {
        margin: 0;
        padding: 5px;
        margin-left: 15px;
        border-radius: 0;
        background-color: #575757;
    }

@media (min-width: 768px) {
    .breadcrumb-comm2 .breadcrumb-col .breadcrumb {
        padding: 15px;
        margin-left: 0;
    }
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb li + li:before {
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb li.active {
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb a {
    text-decoration: underline;
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .dropdown .breadcrumb {
    padding: 15px 5px;
    padding-right: 70px;
}

.breadcrumb-comm2 .breadcrumb-col .search-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-left: 50px;
    border-left: 1px solid #fff;
    background-position: center;
    background-image: url("../img/icon-search.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-search.svg");
}

.breadcrumb-comm2 .breadcrumb-col .dropdown-menu {
    overflow-y: auto;
    width: 100%;
    max-height: 250px;
    padding: 5px;
    list-style: none;
    border: 0;
    border-radius: 0;
}

    .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li {
        list-style: none;
    }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a {
            position: relative;
            padding-left: 20px;
            border-left: 1px solid #575757;
        }

            .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b {
                position: absolute;
                left: 5px;
                top: 50%;
            }

                .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b:before {
                    content: ' ';
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    margin: -5px 0 0 3px;
                    line-height: 25px;
                    border: 5px solid transparent;
                    border-width: 5px 0 5px 5px;
                }

                .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b:after {
                    content: ' ';
                    display: block;
                    position: absolute;
                    left: -6px;
                    top: -15px;
                    padding: 12px 14px 12px 10px;
                }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li ul {
            display: none;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.expendable > a b:before {
            border-left-color: #575757;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > ul {
            display: block;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > a {
            color: #beae7f;
        }

            .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > a b:before {
                border-width: 5px 5px 0;
                border-color: #beae7f transparent transparent;
                margin: -3px 0 0;
            }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li a {
            color: #575757;
        }

    .breadcrumb-comm2 .breadcrumb-col .dropdown-menu > li > a {
        border-left: 0;
    }
/* NRI NewsList.aspx pas de news */
.emptyDiv {
    padding: 15px;
    margin: 15px;
    background-color: white;
}

/* AFI modification du pointeur pour les liens du breadcrumb */
.breadcrumb > li > a, .dropdown-menu > li > a {
    cursor: pointer;
}

/* AFI rajout d'un style pour les div sum-label et sum-title pour le bg-icon*/
.sum-panel .sum-label,
.sum-panel .sum-value {
    min-height: 30px;
    line-height: 30px;
}

/* AFI afficher le print panel en xs mode*/
.print-panel {
    display: block;
    float: right;
    margin-top: 1px;
    padding: 10px 10px 10px 50px;
    background-color: rgba(255, 255, 255, 0.8);
    background-position: 10px center;
    background-image: url("../img/icon-print-grey.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-print-grey.svg");
}

/* AFI style du pager */

.table-pager {
    margin: 0 auto;
    float: none;
    width: 100%;
}

.summary-pager {
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    text-align: center;
}

/* NRI ContractualDocument/SearchDocument.aspx -Detail Row colu:ns */
.dev-express-grid .dxgvControl .dxgvTable .dxgvHeader2 {
    padding-top: 0px;
    padding-bottom: 0px;
}
/* NRI ContractHistory.aspx Titre legende label-tt-legend */
.legend-contract-history .chart-legend .label-tt-legend {
    font-size: 12px;
}

.legend-contract-history .chart-legend .label-tt-legend-title {
    text-align: left !important;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
}

/*DTH : Override du CSS Vanksen pour gérer correctement les icônes de tri dans les header*/
.dev-express-grid .dxGridView_gvHeaderSortUp {
    border-top: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #575757;
    border-left: 5px solid transparent;
}

/* AFI pDisclaimer */
.disclaimer-div {
    background-color: #eeeeee;
    opacity: 1;
    border: 1px solid #ccc;
    overflow-y: scroll;
    height: 330px;
    font-size: 14px;
    padding: 5px;
}

/* AFI pour le disclaimer bouton accepter */
.export-panel {
    padding-left: 20px;
    padding-right: 20px;
}

/* AFI sum-value total */
.cst-align-right {
    text-align: right;
}

.sum-panel .sum-label {
    clear: both;
}

/* AFI on désactive le zoom de ie10 sous WP8*/
body {
    -ms-touch-action: none !important;
}

/* AFI légende em dans historique des avoirs */
em.label-tt-legend {
    padding-bottom: 0px !important;
    font-size: 13px !important;
}

/* NRI Taille du DatePicker sur ScatterChart.ascx */
body.fonds-details .graph-search-container .search-date-container input {
    width: 95px;
}

/* NRI Permet de rendre dynamique la taille de la valeur VNI sur ScatterChart.ascx */
body.fonds-details .graph-search-container .search-value-container .NavValueDate {
    display: inline-block;
    background-color: #888;
    padding: 10px;
}

/* NRI pour retirer le calendrier des GridViewDataDateColumn */
.dev-express-grid .dxgvControl .dxgvTable .noDxCalendar {
    display: none;
}

/* AFI style sur les link */
.footerLinks {
    padding-top: 20px;
}

/* AFI style pour la page stat contrat pour le filtre produit */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .breadcrumb-comm2 .breadcrumb-container.dropdown {
        margin-left: 25px;
    }

    .breadcrumb-comm2 .periode-title-container {
        margin-right: -25px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1200px) {
    /* Que sur chrome ou safari ... a tester les conditionnels CSS */
    /* -webkit uniquement valable sur chrome et safari */
    .breadcrumb-comm2 .breadcrumb-col {
        padding-right: 14px !important;
    }
}

/* AFI background dans row scatter*/
.row-scatter {
    background: #575757;
}

/* AFI width de l'input NavValueDate*/
input#MainMasterContainer_FundMasterContainer_dedicatedFundScatterChart_NavValueDate1 {
    width: 100%;
}

/* AFI span label form scatter chart navValueDate*/
.valueNavDate {
    display: block;
    margin-top: 10px;
}

/* AFI modifs pour le controle apporteur */
.breadcrumbPanel {
    background-color: rgb(190,174,127);
}

/* AFI on applique la bordure que pour les blocs voulus, donc création d'une classe CSS particulière */
.borderFilter .breadcrumb-container {
    border-left: solid 1px white;
}

/* AFI test bg pour chrome smartphone*/
/*@media screen and (max-device-width: 1024px) {
  body {
    background-image: url('../img/bg-overall-6.jpg') !important;
  }
}*/


/* DTH on autorise l'overflow dans les 2 grilles de demandes pour que le déroulant avec les statut du suivi s'affiche et puisse sortir */
.allowOverflow {
    overflow: initial;
}

/* AFI on change la police pour coller au pager des news */
.dxp-num, .dxp-ellip {
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* AFI boutons gauche et droit pager */
.dxbButton.pagerLeftButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-left-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerFirstButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-double-left-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerRightButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-right-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerLastButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-double-right-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.pagerCellRight {
    text-align: right;
    width: 20px;
}

.pagerCellLeft {
    text-align: left;
    width: 20px;
}

/* AFI changement de la police pour les tableaux page situation contrat*/
.cst-grid table thead {
    font-size: 11px;
    font-weight: bold !important;
    color: #575757;
    font-family: Verdana, Geneva, sans-serif;
}

.dxgvHeader {
    text-align: center;
}

/* AFI changement des entetes blocs en lien sans style*/
.title .blockLinkGold, .title .blockLinkGold:hover, .title .blockLinkGold:visited, .title .blockLinkGold:active {
    color: #FFF;
    text-decoration: none;
}

.title .blockLinkBlack, .title .blockLinkBlack:hover, .title .blockLinkBlack:visited, .title .blockLinkBlack:active {
    color: #BEAE7F;
    text-decoration: none;
}

/* AFI harmonisation des tableaux*/
.cst-grid th {
    text-align: center !important;
}

.cst-grid td {
    font-size: 11px;
}

/* AFI style spécifique IE9 */
.filters-container.breadcrumb-comm {
    margin-top: 30px;
}

/* AFI style spécifique IE9, en remettant ces règles à la fin de ce fichier cela fontionne .... pas d'explication encore ... à part une surcharge en cascade*/
.filters-container {
    color: #fff;
    margin-top: 30px;
}

    .filters-container .filters-bg {
        padding: 10px 15px;
        background: #575757;
    }

        .filters-container .filters-bg .filter-label {
            display: inline-block;
            padding: 10px 0;
        }

/* AFI style des tooltips, pour éviter d'avoir le surlignage en bleu*/
a.dxbButton, a.dxbButton:hover, a.dxbButton:visited, a.dxbButton:active {
    color: #FFF !important;
    text-decoration: none !important;
}

/* AFI espaces pour les grilles */
.dxgvTable {
    border-collapse: separate;
    border-spacing: 0 1px;
}

/* AFI Style IPAD filtre produit*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .breadcrumb-comm2 .title-col {
        padding-right: 15px;
    }

    .breadcrumb-comm2 .breadcrumb-col {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* AFI changement des alert bootstrap */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

/* AFI (a enlever le 12/05 après intégration vanksen)*/
.table-assures {
    margin-top: 40px;
}

    .table-assures .title {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 3px;
        padding: 15px;
        background-color: #fff;
        color: #676767;
    }

    .table-assures table {
        font-size: 12px;
        color: #676767;
    }

        .table-assures table th {
            border-bottom: 0;
        }

        .table-assures table th, .table-assures table td {
            border-top: 1px solid rgba(255,255,255,0);
            background-color: #fff;
            background-clip: padding-box;
        }

            .table-assures table th a, .table-assures table td a {
                font-weight: 600;
                color: #676767;
            }

        .table-assures table tr td:last-child {
            padding-right: 40px;
            background-position: right 10px center;
            background-size: auto 20px;
            background-image: url("../img/icon-info.png");
            background-repeat: no-repeat;
        }

.table-preneurs {
    margin-top: 40px;
}

    .table-preneurs .title {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 3px;
        padding: 15px;
        background-color: #fff;
        color: #676767;
    }

    .table-preneurs table {
        font-size: 12px;
        color: #676767;
    }

        .table-preneurs table th {
            border-bottom: 0;
        }

        .table-preneurs table th, .table-preneurs table td {
            border-top: 1px solid rgba(255,255,255,0);
            background-color: #fff;
            background-clip: padding-box;
        }

            .table-preneurs table th a, .table-preneurs table td a {
                font-weight: 600;
                color: #676767;
            }

        .table-preneurs table tr td:last-child {
            padding-right: 40px;
            background-position: right 10px center;
            background-size: auto 20px;
            background-image: url("../img/icon-info.png");
            background-repeat: no-repeat;
        }
/* AFI on ajoute de l'espacement entre les row */
.top-buffer {
    margin-top: 20px;
}

/*MHU Bouton page de login*/
.btn_Login {
    background-color: #656564;
    padding: 10px;
    margin-top: 10px;
    opacity: 0.9;
}

.btn_Login_Gold {
    background-color: #C2B388;
    padding: 10px;
    margin-top: 10px;
    opacity: 0.9;
}

.btn_Login button {
    width: 80%;
    background-color: #656564;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    border: none;
    opacity: 0.9;
}

.btn_Login_Gold button {
    width: 80%;
    background-color: #C2B388;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    border: none;
    opacity: 0.9;
}

/* DTH Ajout d'un espace entre le titre et le contenu sur page d'erreur */
body.contenu .main-container {
    margin-top: 24px;
}
/* MHU - Nouveau logo*/
@media (max-width:480px) {
    header #main-menu .navbar-header .navbar-brand {
        background-image: none;
        margin-top: 13px;
    }

        header #main-menu .navbar-header .navbar-brand img {
            height: 40px;
            display: inline-block;
        }
}

.scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

body .cookie .modal-header .close {
    position: relative;
    float: right;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    height: 17px;
    width: 17px;
    background: none;
}

body .cookie .modal-header .close:before {
    content: none;
}

body .cookie .modal-header .close:after {
    content: none;
}

.cookie-switch .switch-panel {
    background: #fff;
    color: #676767;
}

    .cookie-switch .switch-panel button {
        border: 2px solid #575757;
    }

        .cookie-switch .switch-panel button::before {
            background-color: #575757;
        }

    .cookie-switch .switch-panel.is-on button::before {
        background-color: #beae7f;
    }

.modal-backdrop.in.cookie {
    opacity: 0.5;
}

body .cookie .modal-content {
    max-width: unset;
}

body .cookie .modal-footer .btn {
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 14px;
    text-transform: none;
    margin: 0;
}

body .cookie .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

body .cookie .modal-body {
    padding: 15px
}

body .cookie .modal-title {
    margin: 0;
    color: unset;
    text-transform: none;
    font-size: 16px;
}

body .cookie .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.pe-n {
    pointer-events: none;
}

.pe-i {
    pointer-events: initial;
}