/*Développé par Adrien BINET (c) 2024*/
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h4{
  font-size: 2.7vh !important
}

h5{
  font-size: 2.5vh !important
}

#panelright, #panelright .btn-group-sm>.btn, .btn-sm {
  font-size: 2vh !important
}

.text-grey{
  color: #666;
}

#panelright label{
  margin: 5px 0px 0px 0px !important;
}

.bg-radial-color1{
  background: linear-gradient(0.16turn, #b4d8ff, #ffffff, #ffe7e9);
  color: black;
}

.bg-color1{
  background-color: #343a40 !important;
  color: white !important;
}

.bg-light-color1{
  background-color: #343a4005 !important;
}

.btn-outline-color1 {
    color: #343a40;
    border-color: #343a40;
}

.callout-color1{
  border-left: 5px solid #343a40;
}

/*
.btn-outline-color1:hover {
    background-color: #343a40;
    color: #FFFFFF;
    border-color: #343a40;
}
*/

.btn.bg-color1:hover{
  background-color: #101a45 !important;
}


.bg-color2{
  background-color: #848484 !important;
  color: white !important;
}

.bg-color3{
  background-color: #007bff !important;
  color: white !important;
}

.bg-color4{
  background-color: #ed5565 !important;
  color: white !important;
}


#t-results > tbody > tr:last-child  {
    color: #fff;
    background-color: #AAA;
    font-size:1.2em;
    font-weight:bold;
}

#t-results td{
 white-space: nowrap;
 padding: .25rem;
}

.irs-handle {
cursor: ew-resize !important;
}

.irs{
  font-family: inherit;
}

.irs-single{
font-family: inherit;
font-size: 18px !important;
top: -2px;
}

.select-checkbox, .irs-line, .irs-bar{
cursor:pointer;
}

.pointer{
  cursor: pointer;
}

.labelsupports{
  text-align: center;
  display: block;
  font-weight: bold;
}

.progress {
    height: 2.5rem;
    font-size: 1.25rem;
    background-color: #cccccc;
}

.progress-bar {
  text-align: left;
  overflow: visible;
  color: black;
}


table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
  top: calc(50% - 16px) !important;
  left: calc(50% - 8px) !important;
  margin: 0px !important;
  font-size: 24px !important;
  border: 0px !important
}

table.dataTable tbody td:first-child{
  min-width: 48px;
  padding: 0px !important;
  margin: 0px !important;
}

.text-p50{
  font-size: 1.3em;
}

body {
  font-family: "Inter",sans-serif
}

body.bdp .navbar, body.bp .navbar{
  border-color: transparent !important;
}

@media only screen and (max-width: 767px) {
  .btn-group.btn-group-toggle {
    display: block;
  }
  
  .btn-group.btn-group-toggle .btn {
    display: block;
    float: none;
    width: 100%;
  }

  table#listefonds td:not(.select-checkbox){
  padding: .25rem !important;
  }
}

.text-p75{
  font-size: 1.75em;
}

body.bdp .bg-color1 a, body.bp .bg-color1 a{
  color: white;
}

body.bdp .callout-color1{
  border-left: 5px solid #F1592A;
}

.btn-group .btn:not(.active) {
  font-size: 0.9rem;
  border: 1px solid #aaa !important;
  background: none !important;
  color: #aaa!important;
  z-index: 0 !important;
}

.btn-group .btn.active {
    font-size: 0.9rem;
    border: 1px solid #006cfa !important;
    box-shadow: 0 0 0 0.2rem #006cfa !important;
    background-color: #006cfa !important;
    color: white;
}


body.bdp .btn-group .btn.active {
    font-size: 0.9rem;
    border: 1px solid #F1592A !important;
    box-shadow: 0 0 0 0.2rem #F1592A !important;
    background-color: #F1592A !important;
    color: white;
}

body.bdp .text-color1{
  color: #21358B;
}

body.bdp .bg-radial-color1{
 /* background: linear-gradient(0.07turn, #d4f0ff, #ffffff, #ffce9b);*/
  background: linear-gradient(23deg, #edf7fc 60%, #ffce9b);
  color: black ;
}

body.bdp .bg-color1{
  background-color: #21358B !important;
  color: white !important;
}

body.bdp .bg-light-color1{
  background-color: rgba(33, 53, 139, .05) !important;
}



body.bdp .btn.bg-color1:hover{
  background-color: #1f317e !important;
}

body.bdp .btn-outline-color1 {
    color: #21358B;
    border-color: #21358B;
}

body.bdp .btn.suppSimul:hover {
    background-color: #21358B !important;
    color: #FFFFFF;
    border-color: #21358B;
}

body.bdp .text-color2{
  color: #007fc3 !important;
}

body.bdp .bg-color2{
  background-color: #007fc3 !important;
  color: white !important;
}

body.bdp .text-color3{
  color: #838484 !important;
}

body.bdp .bg-color3{
  background-color: #838484 !important;
  color: white !important;
}

body.bdp .text-color4, body.bdp .irs-handle > i:first-child{
  color: #F1592A !important;
}

body.bdp .bg-color4{
  background-color: #F1592A !important;
  color: white !important;
}

body.bdp .irs-bar, body.bdp .irs-from, body.bdp .irs-single, body.bdp .irs-to {
  background-color: #F1592A;
}


body.bdp .irs--round .irs-handle {
  border-color: #F1592A !important;
}


.irs--flat .irs-handle:hover > i:first-child, 
body.bp .irs--flat .irs-handle:hover > i:first-child, 
body.bdp .irs--flat .irs-handle:hover > i:first-child {
    background-color: #000000;
    color:  #ffffff !important;
}

.irs--flat .irs-handle.state_hover > i:first-child, 
body.bp .irs--flat .irs-handle.state_hover > i:first-child, 
body.bdp .irs--flat .irs-handle.state_hover > i:first-child {
    background-color: #000000;
    color:  #ffffff !important;
}

body.bdp .irs-single:before, body.bdp .irs-from:before, body.bdp .irs-to:before {
  border-top-color: #F1592A ;
}

body.bdp .active .bs-stepper-circle {
    background-color: #21358B;
    color: white;
}

body.bdp .active .bs-stepper-label {
  color: #21358B;
}

body.bdp .bs-stepper-circle {
    background-color: #838484;
}

/*BP*/

body.bp .btn-bp:not(.active) {
   font-size: 0.9rem;
    border: 1px solid #83266A !important;
    background: none !important;
    color: #83266A !important;
    z-index: 0 !important;
}
body.bp .btn-group .btn.active {
    font-size: 0.9rem;
    border: 1px solid #83266A !important;
    box-shadow: 0 0 0 0.2rem #83266A !important;
    background-color: #83266A !important;
    color: white;
}

body.bp .text-color1 {
  color: #C4A25D !important;
}


body.bp .callout-color1{
  border-left: 5px solid #C4A25D;
}

body.bp .btn-outline-color1 {
    color: #C4A25D;
    border-color: #C4A25D;
}

body.bp .btn.suppSimul:hover {
    background-color: #C4A25D;
    color: #fff;
    border-color: #C4A25D;
}


body.bp .bg-radial-color1{
 /* background: linear-gradient(0.57turn, #a6a6a6, #ffffff, #C4A25D);*/
  background: linear-gradient(23deg, #fcfafb 50%, #83266a);
  color: black ;
}


body.bp .bg-color1{
  background-color: #C4A25D !important;
  color: white !important;
}

body.bp .bg-light-color1{
  background-color: #C4A25D10 !important;
}

body.bp .btn.bg-color1:hover{
  background-color: #bb9956 !important;
}

body.bp .text-color3{
  color: #A9B3B4 !important;
}

body.bp .bg-color3{
  background-color: #A9B3B4 !important;
}

body.bp .text-color2{
  color: #373C3E !important;
}

body.bp .bg-color2{
  background-color: #373C3E !important;
  color: white !important;
}

body.bp .text-color4, body.bp .irs-handle > i:first-child {
  color: #83266A !important;
}

body.bp .irs--round .irs-handle {
  border-color: #83266A !important;
}

body.bp .bg-color4{
  background-color: #83266A !important;
  color: white !important;
}

body.bp .irs-bar, body.bp .irs-from, body.bp .irs-single, body.bp .irs-to {
  background-color: #83266A;
}

body.bp .irs-single:before, body.bp .irs-from:before, body.bp .irs-to:before {
  border-top-color: #83266A;
}

body.bp .active .bs-stepper-circle {
    background-color: #C4A25D;
}

body.bp .bs-stepper-circle {
    background-color: #373C3E;
    color: white;
}

body.bp .active .bs-stepper-label {
  color: #C4A25D;
}

@media (max-width: 992px) {
.card-body {
    padding: 0 !important;
}

.card{
  background-color:transparent;
  box-shadow:none;
}

.fdsfiltres {
    text-align:left !important;
}
}
@media (min-width: 992px) {
  .height144 {
   height: 120px;
  }
}

small {
  font-size: 70%;
}

.compliance p{
  margin: 0px;
  font-size: 0.7em;
}

div.alertfonds{
  margin-top: 5px;
}

.dark-mode .bs-stepper .step-trigger {
    color: #fff !important;
}

.dark-mode .step:not(.active) .bs-stepper-circle {
    background-color: #777 !important;
}

.js-irs-2 .irs-grid-pol.small {
    display: none;
}

div#synthese {
  font-size: max(16px,1.5vw);
}

div#synthese p{
  margin-bottom: 0rem;
}

/*
h1 {
  text-transform: uppercase;
}
*/

#text-intro {
  background-color: transparent;
}


@media (min-width: 1200px) 
 {
    #text-intro
    {
        font-size: 1.07vw; 
    }
 }

 .brand-text{
    font-size: min(4vw, 24px);
 }

 .select2-selection__choice__remove{
  color:rgb(200, 200, 200) !important;
 }

 .select2-selection__choice__remove:hover {
    color: #ffffff !important;
}


.illustration{
  content:url("./images/illustration.jpg");
}
/*
body.bp .illustration{
  content:url("./images/illustration_bp.svg");
}

body.bdp .illustration{
  content:url("./images/illustration_bdp.svg");
}
*/
.main-footer{
  padding:0.5rem;
}

table.dataTable td.select-checkbox{
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400;
}

/* Overlay*/
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0, 0.96);
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  color: #e0e0e0;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #e0e0e0 !important;
  display: block;
  transition: 0.3s;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
}

#panelright .listefondsselected li{
margin-bottom:10px;
}

.badge-def{
color: #313131;
background-color: #ffffff;
}  

thead{
  text-transform: uppercase;
}

table#listefonds, table#fondsexclus{
  border-collapse: separate;
  border-spacing: 0 10px;
}

.dataTables_scrollHeadInner th{
  border-bottom: 1px solid grey !important;
}


#listefonds tr:not(.group) td{
background-color: rgba(0, 0, 0, .01);
}

#listefonds tr.group td{
background-color: transparent;
}

::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #AAAAAA;
}

.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
    cursor: auto;
}
.bs-stepper .step-trigger:hover {
     text-decoration: inherit; 
     background-color: transparent;
}

.alert.alert-flat{
  border-radius: 0px;
}

#listefonds > tbody > tr:not([data-statut='1']) > td:not(.apercu){
  cursor: pointer;
}

#comparaison_simul p {
  margin-bottom: 0px;
}

.compliance {
  display: block;
}

tr.group button{
  cursor: auto !important;
}

/* modal fulll screen */

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border: none; 
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}


table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  color: inherit;
}

.text-bar{
  font-size: max(12px, 1.1vw);
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
   /* top: calc(-22px - max(12px, 1.3vw)/2);
    color: white;*/
   display: inline-block;
   color: grey;
   width:100%;
}

.input-group-prepend > button{
cursor: auto !important;
}

.case_pct{
  width:100px;
  font-weight:bold;
  font-size:1.30em;
  line-height:40px;
  vertical-align:middle;
}


table#allocbars td{
  padding: 0.25rem !important;
  vertical-align:bottom;
}

.case_pct{
  vertical-align:top;
 /* padding-top:11px;*/
}

input.poids{
  text-align: right;
    width: 55px;
    background: transparent;
    border: 0;
    color: white;
}

input.poids:not([disabled]){
  cursor: pointer;
}

  /*tooltip */

  [data-toggle="tooltip"]{
    cursor: pointer;
  }

.tooltip {
  opacity: 1 !important;
  }
  
body.bdp .tooltip[data-color=info] .tooltip-inner {
    padding:10px;
      background-color: #101a45 !important;
    }
    
body.bdp .tooltip.bs-tooltip-top[data-color=info] > .arrow:before {
      border-top-color: #101a45 !important; 
    }
    body.bdp .tooltip.bs-tooltip-right[data-color=info] > .arrow:before {
      border-right-color: #101a45 !important;
    }
 

body.bp .tooltip[data-color=info] .tooltip-inner {
  padding:10px;
      background-color: #997f49 !important;
}
    
body.bp .tooltip.bs-tooltip-top[data-color=info] > .arrow:before {
      border-top-color: #997f49 !important;
    }
   
  body.bp .tooltip.bs-tooltip-right[data-color=info] > .arrow:before {
      border-right-color: #997f49 !important;
    }

/* Alloc colors */

/* BdP*/
body.bdp .bg-alloc-color1{
  background-color: #005289;
}
body.bdp .bb-alloc-color1{
  border-bottom: 1px solid #005289;
  color:#005289;
}

body.bdp #divalloc .irs-bar{
  background-color: #005289;
}
body.bdp #divalloc .irs-handle {
  border-color: #005289 !important;
}

body.bdp .bg-alloc-color2 {
  background-color: #2c9dff !important;
}

body.bdp .bb-alloc-color2{
  border-bottom: 1px solid #2c9dff !important;
  color: #2c9dff;
}
body.bdp .bg-alloc-color3{
  background-color: rgba(0, 0, 139, 1) !important;
}
body.bdp .bb-alloc-color3{
  border-bottom: 1px solid rgba(0, 0, 139, 1) !important;
  color:rgba(0, 0, 139, 1);
}

/* BP*/
body.bp .bg-alloc-color1{
  background-color: rgba(131, 38, 106, 1);
}
body.bp .bb-alloc-color1{
  border-bottom: 1px solid rgba(131, 38, 106, 1);
  color:rgba(131, 38, 106, 1);
}

body.bp #divalloc .irs-bar{
  background-color: rgba(131, 38, 106, 1);
}
body.bp #divalloc .irs-handle {
  border-color: rgba(131, 38, 106, 1) !important;
}

body.bp .bg-alloc-color2{
  background-color: rgba(131, 38, 106, 0.4) !important;
}
body.bp .bb-alloc-color2{
  border-bottom: 1px solid rgba(131, 38, 106, 0.4) !important;
  color: rgba(131, 38, 106, 0.4);
}
body.bp .bg-alloc-color3{
  background-color: rgb(73 25 60) !important;
}
body.bp .bb-alloc-color3{
  border-bottom: 1px solid rgb(73 25 60) !important;
  color:rgb(73 25 60);
}

.tooltip-inner {
  max-width: 340px !important;
}

input[type="number"]::-webkit-inner-spin-button {
  cursor: pointer;
}

body.bp #raise_vers{
  display:none !important;
}