@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-black: #000000;
    --bs-grey-native:#687194;
    --bs-grey-custom:#DCDCDC;
    --bs-blue-dark:#292929;
    --bs-neutral-dark: #010032;
    --bs-blue-neutre: #021769;
    --bs-red: #E9041E;
    --bs-bleu-neutral:#2A9CDB;
    --bs-grey-neutre:#949494;
    --bs-blue-alternative:#010032;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-pink-neutre:#FDE6E9;
    --bs-green: #198754;
    --bs-green-alternative: #0AB39C;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    
    --bs-gray-dark: #343a40;
    --bs-neutral-white: #E6E7EB;
    --bs-primary: #0d6efd;
    --bs-secondary: #dc3545 !important;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #010032;
    --bs-dark-rgb: 1, 0, 50;
    --bs-body-bg: #F9F9F9;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

/* Sidebar color : #010032 */
/* Main button : #E9041E */
/* Main title / red : #EC233A */
@font-face {
    font-family: 'icomoon';
    src:  url("fonts/icomoon-e16235bc33d76a21177e3045a43ab736.eot");
    src:  url("fonts/icomoon-e16235bc33d76a21177e3045a43ab736.eot") format('embedded-opentype'),
      url("fonts/icomoon-f3c64cd86297446d5d77099b53c0f51e.ttf") format('truetype'),
      url("fonts/icomoon-a7476ba9fb79b839e3b9d13e0f3bdf21.woff") format('woff'),
      url("fonts/icomoon-62db7bcf0cfa9f2fe01aae53dbb438ad.svg") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  button.nav-link.dropdown-toggle::after {
    display: none;
  }

.block-dailynews-left {
    background: var(--bs-blue-neutre);
    border-radius: 16px;
}
.tab-custom li a.active {
    background: var(--bs-neutral-white) !important;
    border-bottom: 1px solid var(--bs-red) !important;
    font-weight: bold;
}
.bg-greynews-bo{
    background-color: var(--bs-neutral-white);
    border-radius: 8px;
}
.icon-download {
    position: absolute;
    right: 10px;
    top: 10px;
}
.icon-download::after {
    content: "\e92d";
    color: var(--bs-red);
    margin-left: -1em;
    font-size: 30px;
    font-family: icomoon;
}
.icon-download::before {
    content: "\e92c";
    color: #010032;
    font-family: icomoon;
    font-size: 30px;
}
.icon-pdf::before{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/pdf-icon-4ba56cb9ed362d7db1d854495923d69c.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
span.icon-block {
    display: inline-block;
    background: var(--bs-pink-neutre);
    padding: 12px 10px;
    line-height: 1;
    border-radius: 100%;
}
span.icon-block::before {
    color: var(--bs-blue-neutre);
    font-family: icomoon;
    font-size: 22px;
    line-height: 1;
}
.f-24{
    font-size: 24px;
}
.icon-cours::before{
    content: "\e93d";
}
.icon-capitalisation::before{
    content: "\e936";
}
.icon-target-price::before{
    content: "\e93e";
}
.icon-nbr-actions::before{
    content: "\e937";
}
span.icon-company::before {
    content: "\e938";
    color: var(--bs-dark);
    font-family: icomoon;
}
.grey-neutre{
    color: var(--bs-grey-neutre);
}
.bg-grey-bo {
    background: var(--bs-body-bg);
}
button.btn.btn-outline-dark.f-0.icon-star::before {
    content: "\e935";
    font-family: icomoon;
    font-size: 16px;
}
button.btn.btn-outline-dark.f-0.icon-star-yelow::before {
    font-size: 16px;
}
button.btn.btn-outline-dark.f-0.big-star.icon-star-yelow::before {
    font-size: 22px;
}
button.btn.btn-outline-dark.f-0.big-star.icon-star::before {
    font-size: 22px;
}
  .mh-37{
      max-height: 37px;
  }
  .f-0{
      font-size: 0px;
  }
  .f-23{
      font-size: 23px;
  }
  .red-alternative{
    color: var(--bs-red);
}

.accordion [aria-expanded="true"].has-submenu-arrow::before {
    content: "\e929";
    font-family: icomoon;
    font-size: 6px;
    position: absolute;
    transform: rotate(0deg);
    right: 10px;
    top: calc(50% - 3px);
}

.accordion [aria-expanded="false"].has-submenu-arrow::before {
    content: "\e929";
    font-family: icomoon;
    font-size: 6px;
    position: absolute;
    transform: rotate(-90deg);
    right: 10px;
    top: calc(50% - 3px);
}


#left-column a{
    border-radius: 4px;
    color: var(--bs-nav-link-color);
}
#left-column a.active,#left-column a:hover,
#left-column .accordion-body a:hover,
#left-column .accordion-body a.active {
    background: var(--bs-white);
    transition: 0.5s ease all;
    color: var(--bs-neutral-dark);
}

#left-column .accordion a[aria-expanded="true"] .has-submenu-bo::before {
    content: "\e929";
    font-family: icomoon;
    font-size: 6px;
    position: absolute;
    transform: rotate(0deg);
    right: 10px;
    top: 8px;
  }

#left-column .accordion-body
{
    padding-left: 7px !important;
    padding-right: 3px !important;
}

#left-column .accordion-body a 
{
    margin-top: 2px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #FFF;
}

body.homepage ul.navbar-nav.me-auto li:first-child a,
body.decision-support li > button,
body.execution-ordre li > button,
.corporate-finance li > button{
    font-weight: bold;
    color: var(--bs-red);
}
.bg-content-wrapper{
    background-color: var(--bs-neutral-dark);
}
.has-submenu-bo::before,.link-icon::after {
    content: "\e929";
    font-family: icomoon;
    font-size: 6px;
    position: absolute;
    transform: rotate(-90deg);
    right: 10px;
    top: 8px;
}
.link-custom-border{
    border-radius: 80px !important;
}
.border-bottom-custom{
    border-bottom: 1px solid var(--bs-grey-custom);
}
.vertical-custom{
    vertical-align: middle;
}
.all-bg-transparent{
    position: relative;
}
.custom-width-form{
    width: calc(100% - 60px);
}
.icon-search {
    position: absolute;
    top: 10px;
    left: 12px;
}
.filtre-block button {
    font-size: 0px;
}
.filtre-block button::before {
    content: "\e93c";
    font-family: icomoon;
    font-size: 16px;
    padding: 0 10px;
}
.icon-search::before {
    content: "\e92a";
    font-family: 'icomoon';
}
.recent-publication .all-bg-transparent::before{
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(230, 231, 235, 0) 70%, rgb(248 248 248) 100%);
}
.bloc-item-filter.w-20 {
    width: 20%;
    padding: 0 10px;
}
.margin-negatif-10{
    margin: 0 -10px;
}
.all-bg-transparent * {
    background-color: transparent !important;
}
span.icon-revenu::before {
    content: "\e931";
    color: #fff;
    font-family: 'icomoon';
    font-size: 23px;
}
.btn-custom{
    border-radius: 80px;
    background-color: var(--bs-blue-neutre);
}
.btn-custom:hover{
    background-color: var(--bs-dark);
}
span.icon-revenu::after {
    content: "\e932";
    color: var(--bs-red);
    margin-left: -1em;
    font-family: 'icomoon';
    font-size: 23px;
}
.f-18{
    font-size: 18px;
}
.mw-114{
    max-width: 114px !important;
}
.color-dark-neutral{
    color: var(--bs-neutral-dark);
}
.color-grey-neutral{
    color: var(--bs-grey-native);
}
.bg-grey-neutral{
    background-color: var(--bs-grey-native);
}
span.icon-send::before {
    content: "\e93f";
    font-family: 'icomoon';
    font-size: 20px;
}
span.icon-notification::before {
    content: "";
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/notification-icon-36266296f27fc94e4b96fcf13945f5e0.png");
    display: inline-block;
}
.mw-40{
    max-width: 40px;
}
.bg-blue-neutral{
    background-color: var(--bs-bleu-neutral);
}
.color-block-donuts{
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.bg-blue-subtle{
    background-color: var(--bs-blue-neutre);
}
.login-form::before {
    content: "";
    width: 100%;
    height: 37px;
    position: absolute;
    top: -33px;
    right: 0;
    z-index: 999;
}
.border-custom {
    border-radius: 15px;
}
.login-form {
    position: absolute;
    right: 0;
    display: none;
    min-width: 362px;
    z-index: 999;
    background: #fff;
    padding: 20px;
    top: 54px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dropdown-menu.show {
    min-width: 221px;
}
.on-hover-login-form:hover .login-form{
    display: block;
}
  .f-14{
      font-size: 14px;
  }
.has-maxwidth{
    max-width: 100%;
}
li.nav-item.dropdown.has-submenu .dropdown-menu.show {
    margin: 0;
    border-top: 2px solid var(--bs-red);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dashbord-icon-pdf {
    background: #F7F7F7;
    line-height: 1;
    display: inline-block;
    padding: 7px;
    border-radius: 8px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.w-16{
    width: 16.66%;
}
.mh-30{
    max-height: 30px;
}
  .border-box{
      transition: 0.5s ease all;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  }
  .homepage .border-box:hover{
      transition: 0.5s ease all;
      box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  }
span.has-underline::after {
    content: "";
    width: 200px;
    height: 9px;
    position: absolute;
    background: var(--bs-red);
    bottom: -19px;
    left: 22px;
}
.vertical-middle{
    vertical-align: middle;
}
.spaer{
    clear: both;
    width: 100%;
    height: 0px;
    display: block;
}
.icon-star-yelow::before {
    content: "\e930";
    color: #f6b84b;
    font-size: 25px;
    font-family: icomoon;
}

.listing-item-dailynews .icon-download {
    background: #F7F7F7;
    padding: 5px;
    line-height: 1;
    border-radius: 8px;
}
.green-alternative{
    color: var(--bs-green-alternative);
}
.border-right{
    border-right: 1px solid ;
}
.l-14{
    line-height: 1.4em;
}
.f-10{
    font-size: 10px;
}
.f-12 {
    font-size: 12px;
}
button.nav-link.dropdown-toggle::before {
    content: "\e91c";
    font-family: icomoon;
    position: absolute;
    right: 4px;
    font-size: 11px;
    top: 28px;
}
.logo-header{
    max-height: 42px;
}
body{
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    color: var(--bs-blue-dark);
    background-color: var(--bs-neutral-white);
}
.bg-grey-table-all *{
    background-color: var(--bs-neutral-white) !important;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4{
    font-weight: bold;
}
h3,.h3{
    color: var(--bs-blue-alternative);
}
.f-20{
    font-size: 20px;
}
.f-16{
    font-size: 16px;
}
.sidebar a 
{
    color: #FFFFFF;
}
div#flash-bloc{
    background-color: var(--bs-neutral-dark);
}
.subtitle-secondary
{
    color: var(--bs-secondary);
}

.btn.btn-secondary 
{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn.btn-secondary:active 
{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.no-hover:hover,
.no-hover:active
{
    cursor: unset;
}

.page-company .nav.nav-tabs
{
    background-color: transparent;
}

.page-company .nav.nav-tabs .nav-link
{
    color:  var(--bs-gray-500);
}

.page-company .nav.nav-tabs .nav-link.active 
{
    background-color: var(--bs-gray-300);
    color: var(--bs-black);
    border-color: var(--bs-secondary) !important;
}

.page-company .nav.nav-tabs .nav-link:hover
{
    background-color: var(--bs-gray-300);
    color: var(--bs-black);
}
.logo-flash img {
    max-width: 150px;
}
.content-slider {
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    left: 6%;
    max-width: 480px;
}
.content-slider h1 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.font-montserat{
    font-family: "Montserrat", sans-serif;
}
.f-48{
    font-size: 48px;
}
.content-slider h1::after, .red-under::after {
    content: "";
    width: 268px;
    height: 9px;
    background: var(--bs-red);
    position: absolute;
    left: 0;
    bottom: 0;
}
.content-slider h2 {
    line-height: 1.4em;
    font-weight: 400;
}
.f-86{
    font-size: 86px;
}
.f-42{
    font-size: 42px;
}
.f-24{
    font-size: 24px;
}
.title-block-text span::before {
    content: "";
    width: 193px;
    height: 9px;
    background: var(--bs-red);
    position: absolute;
    bottom: -15px;
    left: -30px;
}
.f-25{
    font-size: 25px;
}

.forced-height-container
{
    height: 100%;
}

.forced-height-container .img-fluid
{
    height: 100%;
}


@media(min-width: 1025px){
    div#publications-block, 
    div#company-block, 
    div#dashboard-block,
    div#company-profile {
        min-width: calc(100% - 263px);
    }
    div#left-column {
        min-width: 262px;
        max-width: 263px;
    }
    .homepage .overflow-auto.has-maxwidth::after {
        content: "";
        width: 100px;
        height: 100%;
        position: absolute;
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(1,0,50,1) 100%);
        top: 0;
    }
    .h-md-50{
        height: 50%;
    }
    .mobile-image,.mobile-block{
        display: none !important;
    }
    .pl-15-percent{
        padding-left: 15%;
    }
    .border-custom-mobile{
        border-right:  1px solid;
    }
    .mobile-menu.bg-white.p-3{
        display: none !important;
    }
}
@media(max-width: 1025px){
    span.icon-notification::before {
        width: 21px;
        height: 18px;
        background-position: center;
    }
    .border-link-customer {
        border: 1px solid var(--bs-neutral-white);
        font-size: 21px;
        line-height: 1;
        padding: 8px;
        border-radius: 100%;
        text-align: center;
    }
    .mw-86{
        max-width: 86px !important;
    }
    .mw-mobile-100{
        min-width: 100% !important;
    }
    .link-icon::after {
        top: 27px;
    }
    .w-20{
        width: 20%;
    }
    .all-f-14 *{
        font-size: 14px;
    }
    .mw-mobile-150{
        max-width: 150px !important;
    }
    .w-mobile-100{
        width: 100%;
    }
    .tab-custom > ul li {
        white-space: nowrap;
    }
    .mh-17{
        min-height: 17px;
    }
    canvas#myDonutChart {
        max-width: 170px;
        max-height: 170px;
        margin: 0 auto;
    }
    .tab-custom > ul {
        flex-wrap: nowrap !important;
        overflow-y: auto;
    }
    .mobile-block li.active{
        background-color: var(--bs-blue-neutre);
        color: var(--bs-white);
    }
    .flex-wrap-mobile{
        flex-wrap: wrap;
    }
    .no-border-mobile{
        border: none !important;
    }
    .hide-mobile,.desktop-block{
        display: none !important;;
    }
    .menu-mobile{
        display: none;
        position: absolute;
        z-index: 9999;
        background: #fff;
        width: 100%;
        left: 0;
        padding: 10px;
        top: 75px;
    }
    .f-36{
        font-size: 36px;
    }
    .l-110{
        line-height: 110%;
    }
    .search-mobile {
        position: absolute;
        padding: 10px;
        top: 75px;
        width: 100%;
        display: none;
        left: 0;
        z-index: 999;
    }
    .search-open .search-mobile{
        display: block;
        animation: opensearch 1s ease forwards;

    }
    .mobile-menu.bg-white.p-3 {
        z-index: 9999;
    }
    @keyframes opensearch {
        from {
            top: -100%;
        }
        to {
            top: 75px;
        }
    }
    .search-open span.open-seach i,.search-open .menu-block{
        display: none;
    }
    .search-open span.open-seach::before {
        content: "";
        width: 30px;
        height: 30px;
        display: inline-block;
        background-image: url("../images/close-box-81cbe04eae1a9f65179a6ac887d905d4.png");
        background-size: contain;
        background-repeat: no-repeat;
        transition: 0.5s ease all;
    }
    .menu-open  .menu-mobile{
        display: block;
        animation: openmenu 1s ease forwards;
    }
    @keyframes openmenu {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
    }
    .order-mobile-1{
        order: 1;
    }
    .footer-mobile > *{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    footer .border-custom-mobile {
        width: 100%;
        margin: 15px 0 10px;
        line-height: 1;
    }
    .footer-mobile{
        flex-wrap: wrap;
        text-align: center;
    }
    .title-block-text span::before,span.has-underline::after {
        left: 30px;
        max-width: 142px;
    }
    .spacer-mobile{
        display: block;
        width: 100%;
        height: 0px;
        clear: both;
    }
    .open-menu::before{
        content: "";
        width: 30px;
        height: 30px;
        display: inline-block;
        background-image: url("../images/CirclesFour-f628310276fd75b83a23ecb79d3a1a66.png");
        background-size: contain;
        background-repeat: no-repeat;
        transition: 0.5s ease all;
    }
    .menu-open .open-menu::before{
        background-image: url("../images/close-box-81cbe04eae1a9f65179a6ac887d905d4.png");
        transition: 0.5s ease all;
        padding:5px;
    }

    .desktop-menu{
        display: none !important;
    }
    .slider-image img{
        min-height: 380px;
    }
    .content-slider.text-white h2 {
        font-size: 16px;
    }
    .f-48 {
        font-size: 32px;
    }
    .homepage .f-12 {
        font-size: 10px;
    }
    .logo-flash img {
        max-width: 100%;
    }
    .desktop-image{
        display: none !important;
    }
}