@charset "UTF-8";

.visibilityHidden{visibility: hidden;}
.titleZoomBarChart{text-align: center; width: 100%; font-family: 'bnpSans', sans-serif; font-size: 18px;  margin-top: 30px;}
.optionZoomedChart{margin-left : 50px; margin-top : 10px;}
.commentGrillFiLong p.shortedText:after{content: "..."; position: absolute; right: 0; bottom: 0;}

/* 
*
* Tooltip
*
*/
#tipDiv {
	position:absolute;
	visibility:hidden;
	z-index:10001;
	float: left;
	font-weight: bold;
	font-size:8pt;
	background-color: #FFFFFF;
	border: solid 1px #8a7777;
	padding: 0 2px;
	line-height:16px;
	border-style:ridge;
	font-family: bnpSans, sans-serif;
	wordWrap: break-word;
}

/* 
*
* Menus
*
*/
.menuAriane{display: none; margin-top: 10px; border-bottom: 1px solid #ebebeb; max-height: 20px;}
.menuAriane sup{margin-bottom: -4px;}
#menusAriane *, header * {line-height: 1.1; box-sizing: unset}
#menusAriane a {text-decoration: none}
#menusAriane.menuCompany .menuArianeCompany{display: block;}
#menusAriane.menuSector .menuArianeSector{display: block;}
#menusAriane.menuPublis .menuArianePublication{display: block;}
#menusAriane.menuPublisThemes .menuArianePublicationThemes{display: block;}
#menusAriane.menuPublisIndustries .menuArianePublicationIndustries{display: block;}
#menusAriane.menuPublisRegions .menuArianePublicationRegions{display: block;}
#menusAriane.menuPublisMotsCles .menuArianePublicationMotsCles{display: block;}
#menusAriane.menuPublisTypesPubli .menuArianePublicationTypesPubli{display: block;}
#menusAriane.menuAccess .menuArianeAccess{display: block;}
#menusAriane.menuStockPicking .menuArianeStockPicking{display: block;}
#menusAriane.menuInvestList .menuArianeInvestmentList{display: block;}
#menusAriane.menuCoverage .menuArianeCoverage{display: block;}
#menusAriane.menuConference .menuArianeConference{display: block;}
#menusAriane.menuCompliance .menuArianeCompliance{display: block;}
#menusAriane.menuChanges .menuArianeChanges{display: block;}
#menuhaut #onglet-1.onglethover.nouveauMenu .newMask .boiteBlanche{width:210px; border: 1px solid #d6d6d6; border-top: none; padding-top: 3px;}
#menuhaut #onglet-1.nouveauMenu .imgbottom, #menuhaut #onglet-1.nouveauMenu .imgbottom span{max-width: 140px; width: 140px;}
#menuhaut #onglet-2.onglethover.nouveauMenu .newMask{width:830px; border-top: none; margin-left: -360px;}
#menuhaut #onglet-2.onglethover.nouveauMenu .newMask .boiteBlanche{width:800px; border: 1px solid #d6d6d6; border-top: none; overflow: hidden;}

.index .latest h2, .index .mostread h2 {margin-left: 32px;}

.ui-tooltip {
    background: white;
    color: #384F4E;
    border-radius: 3px;
    padding: 0;
    opacity: 1;
    border: 1px solid #384F4E;
    max-width: 650px;
    min-height:80px;
     z-index: 1000; 
 	box-shadow: 4px 4px 6px #384F4E;
 	left: -10000px;
 	position: absolute;
}

#companyPubli .hdtbU .hdtbItm {
	width:100px;
}

.sousperf {
	white-space: nowrap;
	width :33px;
}

#listeShare.hdtb-mn-o,#listeShare.hdtb-mn-c {
    width: 105px;
}

#listeShare .hdtbItm,
#listeReadershipShare .hdtbItm {
    padding-left: 10px;
    width: 100%;
    padding-right: 10px;
}

#listeReadershipShare {
    width: 150px;
}

.labelResearchFavourite {
    color: #384f4E;
    font-size: 22px;
    margin-bottom: 0.1em;
    border-bottom: 1px solid #384f4E;
    padding-bottom: 0.1em;
    display: inline-block;
}

#grifi .surligne, .ratios14Y .ligneSelected {
    font-weight: bold;
}

.EZC_footer {
	word-break: break-word;
}

.tooltipAccueilPick {
	max-width: 300px;
	word-break: break-word;
}

.stabilo1.notSubscribed{background-color : rgb(138, 155, 151) !important;}

/*
*	Page Help
*/
.helpPage .helpAriane {max-height: 20px; vertical-align: bottom; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; display: block; padding-bottom: 2px;}
.helpPage .helpAriane span{margin-left: 20px; color: #8A9B97; font-family: 'bnpSans', sans-serif; font-size: 14px;}
.helpPage .helpAriane span:hover{color: black;}
.helpPage .helpAriane span.selected{border-bottom: 3px solid #f17e2f; color: black;}
.helpPage .helpMainSection{margin-top: 15px;}
.helpPage .helpMainSection .helpTitle{font-family: bnpRounded, sans-serif; font-size: 22px; border-bottom: 1px solid #384F4E;}
.helpPage .helpMainSection .listVideo{margin-top: 10px;}
.helpPage .helpMainSection .helpVideo{margin-right: 10px; display: inline-block;margin-top: 10px;}
.helpPage .helpMainSection .helpSectionGauche{display: inline-block; vertical-align: top;}
.helpPage .helpMainSection .helpSectionDroite{display: inline-block; vertical-align: top;}
.helpPage .helpMainSection .helpVideoLibelle{position: absolute; margin-top: 25px; text-align: center;color: white; font-size: 22px; font-family: bnpRounded, sans-serif;}
.helpPage .helpMainSection .helpSectionDroite table tr td:FIRST-CHILD{text-align: left; min-width: 230px;}
.helpPage .helpMainSection .helpSectionDroite table tr{border: none; background-color: white !important; line-height: 40px;}
.helpPage .helpMainSection .helpSectionDroite .helpUP{color: #00CB9F; font-size: 14px;}
.helpPage .helpMainSection .helpSectionDroite .helpDOWN{color: #F14638; font-size: 14px; margin-left: 15px;}

/*
*	Page Glossary
*/
.glossaryPage .glossaryAriane {max-height: 20px; vertical-align: bottom; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; display: block; padding-bottom: 2px;}
.glossaryPage .glossaryAriane span{margin-left: 20px; color: #8A9B97; font-family: 'bnpSans', sans-serif; font-size: 14px;}
.glossaryPage .glossaryAriane span:hover{color: black;}
.glossaryPage .glossaryAriane span.selected{border-bottom: 3px solid #f17e2f; color: black;}
.glossaryPage .glossaryMainSection{margin-top: 26px;margin-left: 20px;}
.glossaryPage .glossaryMainSection .glossarySearch{margin-bottom: 27px;}
.glossaryPage .glossaryMainSection .glossaryColumn{display: inline-block;vertical-align: top;}
.glossaryPage .glossaryMainSection .glossaryCategory{width: 100%; }
.glossaryPage .glossaryMainSection .glossaryCategoryLabel{height: 15px; background-color: #E4EFF1; font-size: 12px; padding: 7px 10px 3px 10px;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.glossaryPage .glossaryMainSection .glossaryBean{padding: 4px 10px 4px 10px;font-size: 12px; cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.glossaryPage .glossaryMainSection .glossaryBean:hover{ background-color: #01CB9F!important;}
.glossaryPage .glossaryMainSection .glossaryBean.selected { background-color: #FEC689;}
.glossaryPage .glossaryMainSection .glossaryDefinition {border: 1px solid #000;border-radius: 4px; box-shadow: rgb(204, 210, 208) 4px 4px 6px;position:absolute;background-color: #fff;margin:3px;padding: 10px 6px 10px 6px; z-index: 10; }
.glossaryPage .glossaryMainSection .glossaryDefinition .title {font-size: 18px;}
.glossaryPage .glossaryMainSection .glossaryDefinition .definition {font-size: 12px;padding-top: 10px;}
.glossaryPage .glossaryMainSection .glossaryDefinition::after {
    top: -8px;
    border-bottom: 1px solid #384F4E;
    border-left: 1px solid #384F4E;
    border-top: 0px solid #384F4E;
    border-right: 0px solid #384F4E;
    background: white;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: '';
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    left:50px;
}

.backgroundDegrade {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(224,224,224,1) 23%, rgba(194,194,194,1) 51%, rgba(224,224,224,1) 80%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(3%, rgba(255,255,255,1)), color-stop(23%, rgba(224,224,224,1)), color-stop(51%, rgba(194,194,194,1)), color-stop(80%, rgba(224,224,224,1)), color-stop(97%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(224,224,224,1) 23%, rgba(194,194,194,1) 51%, rgba(224,224,224,1) 80%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(224,224,224,1) 23%, rgba(194,194,194,1) 51%, rgba(224,224,224,1) 80%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(224,224,224,1) 23%, rgba(194,194,194,1) 51%, rgba(224,224,224,1) 80%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(224,224,224,1) 23%, rgba(194,194,194,1) 51%, rgba(224,224,224,1) 80%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#container {
	background : white;
	min-height:100vh;
}

footer {
    height: 50px;
}

.recentChat {
	border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 8px 0 0;
    width: 8px;
}
.OFFLINE {
    background: #FF0000;
 }
.AWAY {
    background: #FF8000;
}
.AVAILABLE {
	background: #1a8a34;
}
.EXT span {
	font-size: 8px;
    font-weight: bold;
    color: white;
    background: #FF8000;
    padding: 3px 3px;
    position: relative;
    left: -7px;
    bottom: 2px;
}
.spinner {
  margin: 50px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.myNextMeetingButtons{
	background-color: #BBE6DF;
	padding-bottom:5px;
}

.myNextMeetingButtons .greenButtons{
	width:120px;
	background-color: #BBE6DF;
	margin-left: 5px;
}

.homeAccess .myNextMeetingColomn{
	display: table-cell;
}

.homeAccess .myNextMeetingDetails{
	width: 100%;
}

.homeAccess .myNextMeetingButtons{
	width:150px;
}

.homeAccess .myNextMeetingButtons .greenButtons{
	margin-top: 20px;
	display: inline-block;
	margin-right: 30px;
}

.myNextMeetingButtons .greenButtons:hover{
	background-color: #00CB9F;
}

#selectedSalesIdea .EZC_P img {
    max-width:600px;
}

.viewAllButton {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 15px;
    font-size: 13px;
    background-color: #ffffff;
    color: #e39746;
    padding: 3px;
    border-radius: 3px;
    border: 2px solid #e39746;
    transition: all 0.3s ease-out;
    box-sizing: unset;
}

.viewAllButton:hover {
    cursor: pointer;
    background-color: #e39746;
    color: #ffffff;
}

.podcastBloc {
    max-width: 78%;
    font-family: bnpSans, sans-serif;
    font-size: 12px;
}

.titlePodcast {
    background: url("/ressources/images/podcast/podcast.jpg") no-repeat -13px;
    height: 35px;
    background-size: 50px;
    padding-left: 35px;
    padding-top: 14px;
}


.fuseau .ligneCombo.selected{background-image: url(/ressources/images/checkmark2.png); background-position: left center; background-repeat: no-repeat;
color: black;}
.fuseau .listCombo .ligneCombo{padding: 2px 25px 2px 25px; white-space: nowrap;}
.fuseau .listCombo .ligneCombo:hover{background-color: #FFCA73; cursor: pointer;}
.fuseau .listCombo .enteteCombo{padding: 2px 5px 2px 25px; white-space: nowrap; background-color: #E9F0EE;}

.fuseau .hdtb-mn-o {
    margin-left: 170px;
    width: 230px;
    padding-right:0;
}

.fuseau .hdtb-mn-o li {
    padding-left: 30px;
    cursor:pointer;
    color: #aabbb7;
    font-size: 12px;
}

.fuseau .hdtb-mn-o li:hover {
    background-color: #f1f1f1;
}

.currency .ligneCombo.selected{background-image: url(/ressources/images/checkmark2.png); background-position: left center; background-repeat: no-repeat;
    color: black;}
.currency .listCombo .ligneCombo{padding: 2px 25px 2px 25px; white-space: nowrap;}
.currency .listCombo .ligneCombo:hover{background-color: #FFCA73; cursor: pointer;}
.currency .listCombo .enteteCombo{padding: 2px 5px 2px 25px; white-space: nowrap; background-color: #E9F0EE;}

.currency .hdtb-mn-o {
    margin-left: 170px;
    width: 230px;
    padding-right:0;
}

.currency .hdtb-mn-o li {
    padding-left: 30px;
    cursor:pointer;
    color: #aabbb7;
    font-size: 12px;
}

.currency .hdtb-mn-o li:hover {
    background-color: #f1f1f1;
}

.currency2 .ligneCombo.selected{background-image: url(/ressources/images/checkmark2.png); background-position: left center; background-repeat: no-repeat;
    color: black;}
.currency2 .listCombo .ligneCombo{padding: 2px 25px 2px 25px; white-space: nowrap;}
.currency2 .listCombo .ligneCombo:hover{background-color: #FFCA73; cursor: pointer;}
.currency2 .listCombo .enteteCombo{padding: 2px 5px 2px 25px; white-space: nowrap; background-color: #E9F0EE;}

.currency2 .hdtb-mn-o {
    margin-left: 170px;
    width: 230px;
    padding-right:0;
}

.currency2 .hdtb-mn-o li {
    padding-left: 30px;
    cursor:pointer;
    color: #aabbb7;
    font-size: 12px;
}

.currency2 .hdtb-mn-o li:hover {
    background-color: #f1f1f1;
}

.vararial8grisclair {
    font-weight: normal;
}

.vararial8grisclairgras {
    font-weight: bold;
}
