body {
  height: 100%;
  margin: 0px;
  background: #ebecec;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  
/*   no selection possible on text with mouse */
  -webkit-touch-callout: none; 
/* iOS Safari */ 
-webkit-user-select: none; 
/* Chrome/Safari/Opera */ 
-khtml-user-select: none; 
/* Konqueror */ 
-moz-user-select: none; 
/* Firefox */ 
-ms-user-select: none;
/* Internet Explorer/Edge */ 
user-select: none; 
/* Non-prefixed version, currently not supported by any browser */ 
}


.loading {
  cursor: progress;
  background-color: grey;
  opacity: 0.7;
  filter: Alpha(opacity=50);
}

/* Disable click during loading */
.loading *  {
  pointer-events: none;
}

.container {
  width: 1200px;
  margin: 0px auto;
}

header {
  height: 90px;
  width: 1200px;
  background: #fff;
  position: fixed;
  top: 0px;
  z-index: 10;
}

header .logo {
  background: url('../img/logo_baloise.png') no-repeat;
  height: 60px;
  width: 177px;
  margin: 10px 0px 20px 20px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

header .logoIndex {
  background: url('../img/logo_baloise.png') no-repeat;
  height: 60px;
  width: 177px;
  margin: 10px 0px 20px 20px;
  display: inline-block;
  vertical-align: top;
}

header nav {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  float: right;
}

header nav .item {
  display: inline-block;
  vertical-align: middle;
  margin: 30px 20px 0px 0px;
}

header nav .welcome {
  display: inline-block;
  vertical-align: middle;
  margin: 30px 20px 0px 0px;
  color: grey;
}

header .bar {
  background: url('../img/barre_baloise.jpg') no-repeat;
  height: 12px;
}

section.first {
  margin-top: 85px;
}

section.first .cover {
  background: url('../img/cover_baloise.jpg') no-repeat;
  height: 375px;
}

i.fa {
  padding-right: 20px;
}

section.error {
  background: white;
  padding-top: 120px;
  width: 100%;
  text-align: center;
}

section.second {
  background: white;
}

section.second .infos, .connection {
  display: inline-block;
  vertical-align: middle;
}

section.second .infos {
  width: 60%;
  padding: 5px;
  margin-left: 15px;
}

section.second .connection {
  background: white;
/*   height:250px; */
  width: 85%;
  margin-left: 8%;
}
section.second .connection>h4 {
  position:absolute;
  margin-left: 300px;
  margin-top: 30px;
}

section.second .conditions {
  background: white;
  width: 90%;
  height: 100%;
  padding: 10px 20px 30px 20px;
}

.acceptCondition {
  padding-right: 10px;
  font-weight: bold;
}

paper-input-decorator /deep/ .focused-underline {
  background-color: #000 /*#C11f44/*#004992*/;
}

paper-input-decorator:host([focused]) /deep/ .floating-label .label-text {
  color: orange;
}

iron-icon[icon="clear"]:hover {
  cursor: pointer;
  background-color: #C11f44;
  color: #fff;
}

/*used for rh action rapide delete a document, document upload�, param saved, recovery password, password changed and request report*/
paper-toast#docDeleted, paper-toast#repIF,paper-toast#massCertif, paper-toast#repP, paper-toast#docU, paper-toast#paramsSaved, paper-toast#toast_recover_email, paper-toast#passwordChanged, paper-toast#toastRepartition, paper-toast#toastArbitrage, paper-toast#toastVideoAdmin, paper-toast#updateLabel, paper-toast#toastVideoAdmin, paper-toast#fatcaChanged {
  color: white;
  width: auto;
  text-align: center;
  background-color: green;
}

/*used for rh action rapide delete a document, document upload�, param saved, recovery password, password changed and request report when error*/
paper-toast#docDeletedError, paper-toast#repIFError, paper-toast#massCertifError, paper-toast#repPError, paper-toast#docUError, paper-toast#paramsSavedError, paper-toast#toast_recover_emailError, paper-toast#passwordChangedError, paper-toast#toastRepartitionError, paper-toast#passwordChangedError, paper-toast#toastArbitrageError, paper-toast#toastVideoAdminError, paper-toasr#updateLabelError, paper-toast#toastVideoAdminError, paper-toast#fatcaChangeFailed {
  color: white;
  width: auto;
  text-align: center;
  background-color: red;
}


#login_form {
  width: 100%;
  text-align: center;
  padding: 15px;
  padding-bottom: 20px;
  border: solid 1px black;
  
}

#login_form paper-input {
	text-align: left;	
}

#login_form .lostpwd {
  cursor: pointer;
  text-align: center;
}

#signin, #recover {
  background: #000 /*#C11f44/*#004992*/;
  color: white;
}

#recoveryPwdForm {
  display: none;
  width: 100%;
  text-align: center;
  padding: 10px;
  padding-bottom: 5px;
  border: solid 1px black;
  background-color: white;
}

#recoveryPwdForm paper-input {
	text-align: left;
}

.dashboard {
  display: inline-block;
  vertical-align: top;
  /*height: calc(100vh - 132px);*/
  background: white;
}

.plans {
  margin-top: 102px;
  height: 40px;
}

paper-tabs::shadow #selectionBar {
  background-color: #C11f44;
}

.paper-tabs-0 #selectionBar.paper-tabs {
	background-color: #C11F44;
}

paper-tabs paper-tab::shadow #ink {
  color: #C11f44;
}

paper-tabs.plans {
  background: #ebecec;
  transition: 1s;
}

paper-tabs.plans paper-tab.core-selected {
  background: white;
  transition: 0.5s;
  border: 2px solid;
  border-color: #C11f44;
}

.warranties {
  padding: 15px;
}

.warranties h1 {
  margin-top: 0px;
}

.actions_rapides {
  float: right;
  text-align: center;
  margin-right: 20px;
  margin-bottom: 10px;
}

.actions_rapides_hidden h1,
.actions_rapides_hidden .block_action .actions_rapides_button {
  display: none;
}

core-icon {
  margin-right: 10px;
}
/* actions rapides */
.block_action paper-button {
  display: inline-block;
  text-transform: none;
  text-align: left;
  z-index: 0;
/*   width: 320px; */
  width: 220px;
}

.block_action:last-child {
/*   margin-top: 10px; */
}

.separation {
  display: block;
  clear: both;
  margin: 20px 10px 0px 10px;
  border: 1px solid #C11f44;
}

.dashboard #fseparation {
  display: none;
}

.portfolio {
  padding: 15px;
}

.portfolio .separation {
  display: none;
}

.graphique, .supports {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.supports {
  float: right;
}

#fonds table td {
  width: 200px;
}

.dashboard table {
  margin-left: auto;
  margin-right: auto;
}

.dashboard table thead {
  background: #C11f44;
  color: white;
/*   cursor: pointer; */
  text-align: center;
}

/* exceptions to this pointer are tables that can not be sorted */
.warrantiesTd, .fondsTh {
	cursor:default !important;
}

.dashboard table tbody {
  background: #d2d2d2;
}

.dashboard table td {
  padding: 10px;
  text-align: center;
}

#warranties table td:last-child, #fonds table td:last-child {
  width: auto;
  background: white;
}

paper-fab[icon='search'] {
  background: orange;
}


paper-fab[icon='delete'] {
  background: orange;
}

paper-fab[icon='delete']:focus {
  background: orange;
}

paper-fab[icon='file-download'] {
  background: orange;
}

paper-fab[icon='file-download']:focus {
  background: orange;
}


paper-fab[icon='mail'] {
  background: orange;
}

paper-fab[icon='mail']:focus {
  background: orange;
}

paper-fab[disabled] {
  background: lightgrey !important;
  color: grey !important;
}

paper-fab[icon='search'][disabled] {
  background: lightgrey !important;
  color: grey !important;
}

.actions_portefeuille {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}

.actions_portefeuille paper-button {
  display: block;
  text-transform: none;
  text-align: left;
  z-index: 0;
/*   width: 180px ; */
  width: 220px ;
}

.actions_portefeuille paper-button:last-child {
  margin-top: 10px;
}


.politic {
  padding: 15px;
}

#myPieChart {
  display: inline-block;
  vertical-align: middle;
}

core-icon.big {
  height: 32px;
  width: 32px;
}

.dropdown_menu {
  height: 100%;
  width: 100%;
  outline: none;
}

#warranties div p, #warranties div b {
  display: inline-block;
}

#warranties div p {
  width: 70%;
  margin-right: 10px;
}

#beneficiaire div {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  padding: 0 5%;
  text-align: left;
}

#beneficiaire textarea {
  max-width: 600px;
  min-height: 200px;
  width: 90%;
  margin: 15px;
}

#docs {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  float: left;
  padding-bottom: 30px;
}

 .inline {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: -1px;
}

#docs ul {
  text-align: left;
}

#docs i {
  float: right;
}

#docs i:hover {
  cursor: pointer;
}

.operations_fond {
/*   margin: 20px; */
}

#operations_tabs paper-tab {
  height: 30px;
  background: #ebecec;
}

#operations_tabs paper-tab.core-selected {
  background: white;
  transition: 1s;
}

.operations_header {
  position: fixed;
  top: 0px;
}

/* #myPieChart:hover { */
/*   cursor: pointer; */
/* } */

#portefeuille div.portefeuille_canva {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 47%;
}

#parametres {
  margin-top: 102px;
  background: white;
  height: 100%;
}

#profil hr {
  border-left-width: 0px;
  border-right-width: 0px;
  border-color: #757575;
  border-top-color: transparent;
  border-style: dashed;
  margin: 0px;
}

#profil .statut {
  padding: 12px 0px;
}

#profil h2, #password h2 {
  text-align: center;
}

#profil .center, #password .center {
  text-align: center;
  padding-top: 20px;
}

#profil .infos_disabled, #profil .infos_enabled {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  padding: 15px 50px;
}

#profil .infos_disabled {
  margin-left: 200px;
}

.dropdown {
  top: 38px;
}

.dropdown_bottom {
	top: -300px;
}

/**
*
*
*
************************************************************   MENU   ************************************************************
*
*
*
**/

nav > div.item paper-icon-button:hover,
nav > div.item paper-item:hover,
paper-tabs.plans > paper-tab.noclass:hover {
  cursor: pointer;
  background-color: #C11f44;
  color: #fff;
}

nav > div.item iron-icon {
	padding-right: 10px;
}

paper-dropdown.dropdown.core-transition.core-opened > core-menu.menu > paper-item:hover {
  background-color: #C11f44;
  color: #fff;
}

paper-dropdown.dropdown.core-transition.core-opened > core-menu.menu > paper-item.core-selected {
  background-color: #C11f44;
  color: #fff;
}

/**
*
*
*
************************************************************   ARBITRAGE   ************************************************************
*
*
*
**/
.arbitrage {
  margin-top: 102px;
  background: white;
  padding: 15px;
}

.arbitrage h2 {
  margin-top: 5px;
}

.arbitrage table thead {
  background: #C11f44;
  color: white;
  text-align: center;
}

.arbitrage table tbody {
  background: #d2d2d2;
}

.arbitrage table td {
  padding: 10px;
  width: 200px;
  text-align: center;
}

#t_arbitrageDetails td:nth-child(4) {
  width: auto;
  background: #f0f0f0;
}

#t_arbitrageDetails td:last-child {
  width: auto;
  background: #f0f0f0;
}

#t_arbitrageNoDetails td:last-child {
  width: auto;
  background: #d2d2d2;
}

#t_arbitrageInvestmentNoDetails td:last-child {
  width: auto;
  background: #d2d2d2;
}

.arbitrage footer {
  margin-top: 10px;
}

#mtdLabel {
  text-align: right;
}

#arbitrageEnCours {
  background: #f0f0f0;
  padding: 15px 0px;
}

.step-bullets {
  float: right;
}

.bullet {
  padding: 0px 10px;
}

.bullet.current {
  background: #C11f44;
  color: white;
}

.step {
  transition: 1 sec;
}

.step.hidden {
  display: none;
}

.step input {
  max-width: 100px;
}

.step .hint {
  background: white;
  text-align: left;
}

#confirmArbitrage {
  text-transform: none;
  float: right;
  background: #d23f31;
  color: white;
}

.decision {
  text-align: center;
}

#confirmArbitrageOverlay{
	min-width: 500px;
}

.yesButton {
  background: #259b24;
  color: white;
}

.noButton {
  background: #d23f31;
  color: white;
}

.wizard-nav {
  height: 40px;
}

.wizard-nav paper-fab[icon="arrow-back"] {
  float: left;
  display: none;
}

.wizard-nav paper-fab[icon="arrow-forward"] {
  float: right;
}

div#t_currentSituation_filter.dataTables_filter,
div#t_desinvestArbitrage_filter.dataTables_filter,
div#t_investmentArbitrage_filter.dataTables_filter,
div#t_desinvestRepartitionRecap_filter.dataTables_filter,
div#t_investmentRepartitionRecap_filter.dataTables_filter {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 300px;
}

#confirmArbitrage {
/*   margin-top: 10px; */
}

/**
*
*
*
************************************************************   REPARTITION   ************************************************************
*
*
*
**/

.repartition {
  margin-top: 102px;
  background: white;
  padding: 0px 15px 15px 15px;
}

.repartition h2 {
  margin-top: 5px;
}

#fondsChoisis .dataTables_length, #fondsRestants .dataTables_length {
  display: none;
}

#t-fondsChoisis input {
  max-width: 50px;
}

.repartition paper-fab[icon="add"] {
  background: #259b24;
  width: 25px;
  height: 25px;
  padding: 1px;
}

.repartition paper-fab[icon="remove"] {
  width: 25px;
  height: 25px;
  padding: 1px;
}

#fondsChoisis, #fondsRestants {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}

#fondsRestants {
  margin-left: 9%;
}

#representation {
  text-align: center;
}

#saveRepartition, canvas {
  vertical-align: middle;
}

#saveRepartition {
  margin-left: -60px;
  text-transform: none;
  min-width: 160px;
}

/**
*
*
*
************************************************************   CONTRIBUTION PERSONEL   *********************************************************
*
*
*
**/

#contribution table {
  width: 100%;
}

#contribution tbody {
  background-color: #FFF;
}

#saveContributionConfirm {
  background: #259b24;
  color: white;
}

/**
*
*
*
************************************************************   MODE RH   ************************************************************
*
*
*
**/

#actions_rh {
	text-align: center;
}

paper-dialog[modal="true"] {
  outline: none;
  z-index: 103;
  position: fixed;
  box-sizing: border-box;
  top: 150px;
  max-height: 810px;
  max-width: 1100px;
/*   min-width: 700px; */
  margin: auto;
  text-align: left;
}

#actions_rapides_overlay4 {
  outline: none;
  z-index: 103;
  position: fixed;
  box-sizing: border-box;
  top: 150px;
  max-height: 800px;
  max-width: 1500px !important;
  min-width: 1500px !important;
  margin: auto;
  text-align: left;
}

.dashboard-rh {
  margin-top: 102px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  background: white;
}

.chooser {
  height: 100%;
  margin-bottom: 20px;
  text-align: center;
}

h2 {
  padding: 15px;
}

paper-button#searchCompany {
  height: 40px;
  margin-top: 15px;
  margin-left: 10px;
}

div.company-search {
  margin-bottom: 50px;
}

div.affiliate-search {
  margin-bottom: 50px;
}

div.company-chooser {
  /*margin-left: auto;
  margin-right: auto;*/
  margin: auto;
  width: 25%;
}

div.company-name {
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
}

.actions-rh, .employee-chooser {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  width: 80%;
}

.actions-rh paper-button {
  background: white;
}

.actions-rh .block_action {
  margin-left: 15px;
}

.company {
  height: 100% x;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid black;
  border-radius: 10px;
  cursor: pointer;
}

.company:hover {
  background: #C11f44;
  color: white;
}

.scheme-chooser {
  margin: auto;
  width: 25%;
}

div.chooserContent {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.scheme-name {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.scheme-details {
  margin-bottom: 10px;
}

.scheme {
  height: 100%;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid black;
  border-radius: 10px;
  cursor: pointer;
}

.schemeGaranties {
  margin: 0 20px 0 20px;
  list-style-type: none;
  height: 75px;
  text-align: left;
  border: 1px solid black;
  border-radius: 10px;
}

.scheme:hover {
  background: #C11f44;
  color: white;
}

#employees {
  padding: 0px 15px;
}

#t-employees tbody {
  text-align: center;
}

.after-company {
  display: none;
}

paper-fab.close-rh, paper-fab.small-rh {
  height: 25px;
  width: 25px;
  padding: 1px;
}

.employee-chooser h2 {
  margin-bottom: 0px;
}

.plans.rh {
  margin-top: 0px;
}

.dashboard.rh {
  height: calc(100vh - 182px);
}

.bandeau_rh {
  margin-top: 102px;
  width: 100%;
  background: #008ac9;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 50px;
}

.back {
  background: orange;
/*   margin-left: 20px;
  vertical-align: middle;
  margin-top: 5px; */
}

.slick-slide {
  margin: 0px 15px;
}

.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
  color: orange;
}

.rcrumbs {
  margin-left: 10px;
  padding-top: 1px;
}

.rcrumbs ul {
  margin-bottom: 0;
}

.rcrumbs a {
  color: #C11f44;
}

.rcrumbs a:hover {
  color: #000;
}

.rhConnectInfo {
  height: auto;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  text-align: left;
  border-top: 2px solid #C11f44;
  border-left: 2px solid #C11f44;
  border-right: 2px solid #C11f44;
  background: #eeeeee;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rhConnectInfo > p {
  font-size: x-small;
  padding-left: 5px;
  padding-right: 5px;
}

.rhConnectInfo > p > span.selectedScheme {
  font-weight: bold;
  font-size: small;
}

p.selectedCompany {
  font-weight: bold;
  font-size: small;
}

.block_action_rh {
	width: 80%;
	margin: auto;
	margin-bottom: 10px;
}

.action_rh {
	display: inline-block;
	vertical-align: top;
/* 	width: 24%; */
}

.action_rh > paper-button {
	width: 100%;
/* 	min-height: 62px; */
	padding: 15px;
}

.souscription_step {
	margin-bottom: 15px;
}

.souscription_error {
	color: red;
	font-style: italic;
}

#downloadCertifs {
	padding: 10px;
}

#downloadCertifs_table {
	min-width: 600px;
}

#downloadCertifs_controls {
	margin: 20px 0;
}

.downloadCertifs_error, .downloadCertifs_error_date, .sendDocs_error {
	color: red;
	font-style: italic;
}

#sendDocs_table tbody tr td:nth-child(2) {
	width: 55%;
}

#sendDocs_controls {
	margin-top: 20px;
}

#companyFilterForm {
	text-align: center;
}

#companyFilterForm #searchStr {
	text-align: left;
	display: inline-block;
}

/**
*
*
*
************************************************************   RESPONSIVE   ************************************************************
*
*
*
**/

@media screen and (max-width: 1200px) {
  body {
	background: white;
  }

  .container, .chooser, .dashboard-rh {
	min-width: 415px;
	width: 100%;
  }

  .dashboard-rh {
	min-width: 450px;
  }

  header {
	min-width: 415px;
	width: 100%;
  }

  .actions-rh, .employee-chooser {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
  }

  .dashboard {
	height: 100%;
	width: 100%;
  }

  .dashboard #fseparation {
	display: block;
  }

  .warranties, .graphique, .supports {
	text-align: center;
  }

  .actions_rapides {
	float: none;
	text-align: center;
	padding: 15px;
	margin-right: 0px;
  }

  .graphique, .supports {
	display: block;
	width: 100%;
  }

  .portfolio .separation {
	display: block;
	margin: 20px 0px 0px 0px;
  }
}

@media screen and (max-width: 850px) {
  .bandeau_rh {
	font-weight: normal;
  }
}

@media screen and (max-width: 800px) {
  .bandeau_rh {
	font-size: 1.5em;
  }
}

@media screen and (max-width: 650px) {
  .bandeau_rh {
	font-size: 1em;
  }
}

@media screen and (max-width: 700px) {
  .actions-rh, .employee-chooser {
	width: 95%;
  }
}

@media screen and (max-width: 485px) {
  #myPieChart {
	width: 250px;
  }

  .back {
	height: 30px;
	width: 30px;
	padding: 3px;
	margin-top: 10px;
  }
}

/*********************************************************************
*	Baloise - Lifeorkestra
**********************************************************************/
/* FF meta equiv*/
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700);

body {
	color: #008ac9;
}

h1{
	font-size:34px;		/*adapted from 44px to 34px in order to hold the first page title*/
	font-weight: 700;
}

*{
	font-family: 'Merriweather Sans', Merriweather,metapronormal, sans-serif;
/* 	font-family: ff-meta-web-pro,Helvetica,Arial,sans-serif; this is the order of standart fonts used, except for titles */

}

/*
* Fonts
*/

@font-face {
    font-family: "metaprobold";
    font-style: normal;
    font-weight: 400;
/*     src: url("../fonts/metapro-bold-webfont-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/metapro-bold-webfont-woff.woff") format("woff"), url("../fonts/metapro-bold-webfont-svg.svg#metaprobold") format("svg"); */
    src: url("metapro-bold-webfont.otf");  
}

/* @font-face {
    font-family: "metapronormal";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/metapro-normal-webfont-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/metapro-normal-webfont-woff.woff") format("woff"), url("../fonts/metapro-normal-webfont-svg.svg#metapronormal") format("svg");
} */

h1,h2,h3,h4,h5,h6{
		font-family: 'Merriweather Sans', Merriweather,metapronormal, sans-serif;
/* 	font-family: metaprobold; */
}

/*welcome message top right*/
.welcome>span{
	color: #008ac9;
}

/* buttons should be orange and blue on hover*/
#signin,#searchCompany,.actions_rh_button,paper-button,#recover,#certifButton{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #ff8304;
	border-radius: 0;			/* because baloise buttons have no smooth corners */
/* 	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0) !important; */
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
	color: white;
}

paper-button,#certifButton{
	-webkit-transition: 0.5s !important; /* Safari */
    transition: 0.5s  !important;
}

/* important is used because the send button from lost password does not change color on hover*/
#signin:hover,#searchCompany:hover,.actions_rh_button:hover,paper-button:hover,recover:hover,#certifButton:hover{
	background-color:  #008ac9 !important;
	box-shadow: 0px;
	color: white;
}

/* links and some elements should be upper case orange with underline on hover*/
/* alinks , lost pw at login , "modifier" for company, "modifier" for allocations patronales*/

a,.lostpwd,#bcSearchCompany,#dcSearchSchemes {
	font-family: ff-meta-web-pro,Helvetica,Arial,sans-serif;
	font-style: normal;
	font-size:14px;
	color:#ff8304;
	text-transform: uppercase;
}

#bcSearchCompany,#dcSearchSchemes {
	/*adding the little arrow before every link*/
	background-image: url('../img/b-arrow.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px; 
	padding-right: 5px; 
}

a,.lostpwd:hover,#bcSearchCompany:hover,#dcSearchSchemes:hover {
	text-decoration: underline;
}

/*** Menu buttons restyling / overriding ***/
iron-icon.iron-icon-0
{
	fill: #ff8304;
}

/*grey border for icons on hover 
nav with direct child div with somewhere child paper-con-button 
since quick menu buttons have different structure*/
nav>div paper-icon-button
/* ,nav>div>paper-menu-button */
{
	-webkit-transition: border 0.5s; /* Safari */
    transition: border 0.5s;
    border-radius: 25px;
    border: white 3px solid; 
}

nav > div.item paper-icon-button:hover,
/* nav > div.item paper-menu-button:hover, */
paper-tabs.plans > paper-tab.noclass:hover {
	cursor: pointer;
	background-color: #ff8304;
	color: #fff;
	border-radius: 25px;
	border: #EAD1BE 3px solid;
}

/* menu spawned by menu icons */
nav > div.item paper-item{
	cursor: pointer;
/* 	background-color: #e5f3f9; */
	background-color: #fff;
	color: #039;
	border-radius: 0px;
	border: #EAD1BE 0px solid;
}

nav > div.item paper-item:hover{
	cursor: pointer;
	background-color: #008ac9;
	color: #fff;
	border-radius: 0px;
	border: #008ac9 0px solid;
}

/* make icon white when parent container is hovered*/
paper-icon-button:hover > iron-icon
,#quickActMenu > paper-menu-button > iron-dropdown > div > paper-material > paper-menu > div > paper-item:hover > iron-icon
{
	fill: white;
}

/* company blocks*/
.company,.scheme{
	background-color: #e5f3f9;
	padding: 0px 5px;
}

.company:hover,.scheme:hover{
	background-color: #008ac9;
}

/* slider arrow color override*/
.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
    color: #ff8304;
}

/* table even odd jquery override and search icon orange adjust*/
table.dataTable thead, table thead th, table tfoot tr{
	background-color: #008ac9;
	color: #fff;
}

table tbody tr{
	background-color: #e5f3f9;
	color: #008ac9;
}

table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd {
/*     background-color: #fff; */
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
/*     background-color: #fff ; */
}

table.dataTable.stripe tbody tr.even, 
table.dataTable.display tbody tr.even {
/*     background-color: #e5f3f9; */
}

table.dataTable.display tbody tr.even > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
/*     background-color: #e5f3f9 ; */
}

paper-fab[icon='search'] {
	background: #ff8304;
}

td,th {
    border: 1px solid #fff;
    padding: 1.25rem;
    vertical-align: top;
}

table.dataTable thead th, table.dataTable thead td{
	border-bottom-color: #fff;
}

/* paginate buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button
{
/* FIXME TODO box-sizing: border-box; */
	color: #008ac9 !important;
	border: 0px !important;
	border-image-width: 0 0 0 0 !important;
	background-color:white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	color: #008ac9 !important;
	border: 0px !important;
	border-image-width: 0 0 0 0 !important;
	text-decoration: underline !important;
	background-color:white !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate
{
	color: #008ac9;
}

/* horizontal separation in affiliate view*/
.separation {
	border: 2px solid #008ac9;
}

/* */
paper-tabs::shadow #selectionBar {
	background-color: #fff;
}

paper-tabs.plans {
	background: #e5f3f9;
	transition: 1s;
}

/*border between tabs : deleted*/
paper-tabs.plans paper-tab.core-selected {
	background: white;
	-webkit-transition: 0.5s; /* Safari */
	transition: 0.5s;
	border: 0px solid;
	border-color: #fff;
}

.paper-tabs-0 #selectionBar.paper-tabs {
	background-color: #fff;
}

/* scheme id tables */
table.dataTable.order-column tbody tr > td, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3
{
	background-color: #e5f3f9;
}

table.dataTable.display tbody tr.odd > td, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1
{
	background-color: #e5f3f9 !important;
}

table.dataTable.display tbody tr > td, table.dataTable.order-column.hover tbody tr > .sorting_1
{
	background-color: #e5f3f9 !important;
}

/*color blue for resilient text remains*/
#t-fondsChoisis_info,#t-fondsRestants_info,#t_currentSituation_info,paper-dialog h2,lineChart{
	color: #008ac9 ;
}

.removeFund iron-icon, .addFund iron-icon ,.wizard-nav paper-fab{
	border-radius:25px;
	background-color: #ff8304;
	fill: white;
	border: 0px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}

.removeFund iron-icon:hover, .addFund iron-icon:hover, .wizard-nav paper-fab:hover{
	background-color: #008ac9;
}

/*popup blackfonts to be blue*/
.medium, #operations {
	color: #008ac9;
}

#operations_tabs paper-tab
{
	background-color: #e5f3f9;
}

/* rappel de situation actuelle progress numbers */
.bullet.current {
    background: #008ac9 none repeat scroll 0 0;
    color: white;
}

/* search fields */
label, lineChart {
	color: #008ac9;
}

iron-icon[icon="clear"]
{
	color: #008ac9;
}

iron-icon[icon="clear"]:hover
{
	cursor: pointer;
	background-color: #008ac9;
	color: #ffffff;
}

/* new font makes button text into 2 lines - width from 180 to 200 px */
paper-button,#certifButton{
/* 	width: 260px !important; */
margin-bottom: 10px;
	
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #e5f3f9 100%) repeat scroll 0 0;
    border: 1px solid #e5f3f9;
    color: #039 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #e5f3f9 100%) repeat scroll 0 0;
    border: 1px solid #e5f3f9;
    color: #039 !important;
}

/* This Targets the paginate previous button, the next button and the numbers between them */
html body div.dashboard-rh section#affiliateChooser div.chooser div div.employee-chooser div#employees div#t-employees_wrapper.dataTables_wrapper.no-footer div#t-employees_paginate.dataTables_paginate.paging_simple_numbers a#t-employees_previous.paginate_button.previous:hover,
html body div.dashboard-rh section#affiliateChooser div.chooser div div.employee-chooser div#employees div#t-employees_wrapper.dataTables_wrapper.no-footer div#t-employees_paginate.dataTables_paginate.paging_simple_numbers a#t-employees_next.paginate_button.next:hover,
html body div.dashboard-rh section#affiliateChooser div.chooser div div.employee-chooser div#employees div#t-employees_wrapper.dataTables_wrapper.no-footer div#t-employees_paginate.dataTables_paginate.paging_simple_numbers span a.paginate_button:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #008ac9 100%) repeat scroll 0 0;
    border: 1px solid #e5f3f9;
    color: #039 !important;
}

/* This Targets the paginate previous button, the next button and the numbers between them */
html body div.dashboard-rh div#actions_rh div.block_action_rh div.action_rh paper-dialog#actions_rh_overlay4.x-scope.paper-dialog-0.x-scope.paper-dialog-0 div div#downloadCertifs div div#downloadCertifs_table_wrapper.dataTables_wrapper.no-footer div#downloadCertifs_table_paginate.dataTables_paginate.paging_simple_numbers a#downloadCertifs_table_previous.paginate_button.previous:hover,
html body div.dashboard-rh div#actions_rh div.block_action_rh div.action_rh paper-dialog#actions_rh_overlay4.x-scope.paper-dialog-0.x-scope.paper-dialog-0 div div#downloadCertifs div div#downloadCertifs_table_wrapper.dataTables_wrapper.no-footer div#downloadCertifs_table_paginate.dataTables_paginate.paging_simple_numbers a#downloadCertifs_table_next.paginate_button.next:hover,
html body div.dashboard-rh div#actions_rh div.block_action_rh div.action_rh paper-dialog#actions_rh_overlay4.x-scope.paper-dialog-0.x-scope.paper-dialog-0 div div#downloadCertifs div div#downloadCertifs_table_wrapper.dataTables_wrapper.no-footer div#downloadCertifs_table_paginate.dataTables_paginate.paging_simple_numbers span a.paginate_button:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #008ac9 100%) repeat scroll 0 0;
    border: 1px solid #e5f3f9;
    color: #039 !important;
}


/* put bar under image at first page */

section.first .bar {
  background: url('../img/barre_baloise.jpg') no-repeat;
  height: 12px;
}

/* making space for flexslider*/
/* #companyChooser, #schemeChooser, #affiliateChooser, #dashboard{ */
/* 	margin-top: 5%; */
/* } */

.containerFlex {
	padding-bottom: 30%;
}

/*in home affiliate view header color*/

.bandeau_rh{
	background: #008ac9 none repeat scroll 0 0;
}

/*home affiliate view button for back*/
paper-fab[icon="reply"] {
    background: #ff8304 none repeat scroll 0 0;
}

/* bugfix for quickbuttons from slider to be under header*/

header {
	z-index: 101;
}

#Cotisations\ personnelles {
}

/* This creates a seperation between the stubern polymer tabs */
/* adapted to the bar dark blue*/
/* #Retirement\ savings\ FO3 { */
/* 	border-left : solid #039 5px !important;  */
/* } */
/* /* then lighter blue*/ 
/* #Retirement\ Savings\ -\ Managing\ \&\ Director,  */
/* #Life\ \&\ Disability\ scheme, */
/* #operations_tabs > div:nth-child(2) > div:nth-child(1) > paper-tab:nth-child(2) > div:nth-child(1) { */
/* 	border-left : solid #008ac9 5px !important;  */
/* } */
/* this also make all tabs orange and bold*/
#tabsContainer>#tabsContent>.paper-tab-0 {
/* 	border-left : solid #039 2px; 	 */
/* 	border-right : solid #008ac9 2px; 	 */
	font-weight: bolder;
	background: #ff8304 none repeat scroll 0 0;
	opacity: 1; color:white;
}
/* selected tab white*/
#tabsContainer>#tabsContent>.core-selected {
	background: white none repeat scroll 0 0;
	opacity: 1; color:#039;
}

#fundOperationsByExerciseId .sortable tr td:nth-child(6)
{
	border-right: 3px solid #008ac9; 
	
}

#grOperationsByExerciseId .sortable tr td:nth-child(6)
{
	border-right: 3px solid #008ac9; 
	
}

/* portefeuille details table, arbitrage*/
.pfBlueTable{
	background-color:#008ac9 ;
	color:white ;
}
.pfLightBlueField{
	background-color:#e5f3f9 ;
	color:#008ac9;
}

.pfWhiteField{
	background-color:white ;
	color:#008ac9;
}

#pfWhiteCorner{
	background-color:white ;
}



/* frag version that is non table*/
.inline {
	display: inline-block;
	height: 37px;
/* 	width: 150px;	 */
/* 	width: 15%;	 */
	text-align:center;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: middle;
}

/* version for retraite popups*/
.inlineR {
	display: inline-block;
	height: 35px;
	width: 24%;	
	text-align:center;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:bottom;
}

#w2Row1 {
	vertical-align:bottom;
}

#formula {
	color:#008ac9;	
/* 	margin-left : 35px; */
}
#theMath{
	border: solid 2px #008ac9;
	padding: 5px;
/* 	margin-left: 55px;
	margin-right: 55px; */
	background-color:#e5f3f9 ;
	text-align: center;
	margin: auto;
}
/*bar that seperates the table from the formula, since hr tag is not allowed (the popup was initially designed inside a table) */
#sepBar {
	width:100%;
	height: 2px;
	margin-top : 20px;
	margin-bottom : 20px;
	background-color: #008ac9;
}

/*element from operations window that displys the current year*/
#yearJs,#yearJs2{
	position:relative;
	left:250px;
	top:54px;
	font-size: 120%;
}

/*
	Arbitrage tableaux
*/
#investBody *,#desinvestBody *{ 
/*  background-color:#e5f3f9;  */
/*  color: #008ac9; */
}


#investBody paper-fab[icon='search'],#investBody paper-fab[icon='search'] *{ 
/*   background: orange !important; */
/*   color: white; */
}

#investBody input,#desinvestBody input{
 text-align:center; 
 background-color:white; 
 color: black;
}

/*fonds detail tableau width*/
.tabWsmall{
	width:9%;
}
.tabWmedium{
	width:12%;
}
.tabWbig{
	width:40%;
}

/*target children of generated element in recapitulatif arbitrage*/
/*+repartition profil*/

 #investBody td,#t_desinvestRepartitionRecap tbody tr, #t-fondsChoisis tbody tr , #t-fondsRestants tbody tr  {
	
	background-color:#e5f3f9;
	color: #008ac9;
}
#t_desinvestRepartitionRecap tbody tr td{
	
}
#investBody input, #t_desinvestRepartitionRecap tbody input{
	
	background-color:white;
	color: black;
}

/*risk profile*/
.signatureProfilRisque{
	display: inline;
	height: 150px;
	width: 300px;
	background-color:#e5f3f9;
	padding: 50px;
	border: solid 1px #008ac9;
	vertical-align:bottom;
}
#sig1PR{
	margin-left: 5%;
}
#sig2PR{
	margin-left: 25%;
}

.spaceIt{
	height: 90px;
}

/*repartition spacing*/
#t-fondsChoisis tbody tr td{
	border-top:15px;
	margin-top:15px;
	padding-top:15px;
}
/*repartition spacing*/
#t-fondsChoisis{
	border-top:35px;
	margin-top:35px;
	padding-top:35px;
}

/*repartition (mon profil d investisseur)*/
.red{
	color:red;
}

/*profile risk*/
.centerIt {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}

/* login page adjust */

.preConnection, .postConnection {
	padding-left: 90px;	
	padding-right: 90px;	
}

.connection {
	height: 190px;
}

.loginFormMod>#input{
	border: solid 1px #039;
	height: 30px;
	width: 220px;
}

.ilb{
	display:inline-block;
}

.loginFormModTr {
	height: 30px !important;
}

.loginFormModTh {
	vertical-align:text-bottom;
	text-align: left;
/* 	font-size: smaller; */
	position: relative;
	top: 50px;
}

#usernameDeco div input,
#passwordDeco div input{
	
	border: solid 1px #039 !important;
}
#usernameDeco,#passwordDeco,
#usernameDeco *,#passwordDeco *
{
	margin: 0px ;
	border: 0px ;
	padding: 0px ;
}

#signin{
	width: 200px;
	top:20px;
	padding: 12px;
}

#lostpwd{
	text-align: right;
}

#login_form{
	border: none;
	height : 50px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

#login_form form, #login_form table, #login_form tbody, #login_form tr , #login_form th, #login_form h3 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

 #login_form h3 {
	position: relative;
	top: 30px;
	left: 25px;
 }

#usernameDeco div div input, #passwordDeco div div input {
	height: 40px;
	width: 280px;
	padding-left: 15px;
}

#lostpwd{
	position: relative;
	bottom: 15px;
}

paper-fab[icon='search'],paper-fab[icon='print'],paper-fab[icon='close'] {
  background: #ff8304 !important;
}

/* rearranging detail popup windows*/
.portefeuille_canva{
	display:inline-block;
}

loginFormModTr table tbody tr td #input{
	padding-right:15px !important;
	padding-left:15px !important;
	margin-left:15px !important;
	border-left:15px !important;
	color:red;
	background-color: green !important;
}
html body section.second{
	position:relative;
	top:-20px;
}

.dataTables_info, .paginate_button, .dataTables_paginate, .paging_simple_numbers {
/* 	color:white ; */
/* 	display:none ; */

}


/* hide all paginate items */
.paginate_button, .dataTables_paginate, .paging_simple_numbers, .dataTables_paginate, .paging_simple_numbers, #t_currentSituation_paginate, .paginate_button {
	color:blue !important;
/* 	background-color:blue !important; */
	fill:blue !important;
/* 	display:none ; */

}

/* video page visual section rows adapt */
#videoboard>.videoBlock{
/* 	width:1160px;
	margin-left:20px; */
	border-right: 20px solid #e5f3f9;
	border-left: 20px solid #e5f3f9;
	
}
/* correcting bootstrap stubbernness in video page*/
#vidContainer paper-tab.x-scope:nth-child(2) > div:nth-child(1), #vidContainer paper-tab.x-scope:nth-child(1) > div:nth-child(1){
	color: white ;
}

/*repartition and async overlays and rh send docs*/
.polyButtonClone{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #ff8304;
	border-radius: 0;			/* because baloise buttons have no smooth corners */
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
	color: white;
	padding: 10px;
	width: 200px;
/* 	height: 40px; */
	font-size: larger;
	text-align:center;
/* 	margin-left:40%; */
/* 	padding-top:8px; */
	display: block;
	margin: auto;
}

.smallPolyClone{
		-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #ff8304;
	border-radius: 30px;			/* because baloise buttons have no smooth corners */
	box-shadow: 1px 3px 2px #888888;
	color: white;
	padding: 2px 5px 8px;
	height: 30px;
	width: 30px;
	text-align:center;
	font-size: 27px;
	margin: 0 auto;
}
.repMarg{
	margin-left:20px;
}
.polyButtonClone:hover{
	background-color:  #008ac9;
	box-shadow: 0px;
	color: white;
	cursor:pointer;
}

.polyButtonCloneDisabled{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #B0B0B0;
	border-radius: 0;			/* because baloise buttons have no smooth corners */
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
	color: white;
	padding: 10px;
	width: 200px;
/* 	height: 40px; */
	font-size: larger;
	text-align:center;
/* 	margin-left:40%; */
/* 	padding-top:8px; */
	display: block;
	margin: auto;
}

/* .polyButtonCloneDisabled:hover{ */
/* 	background-color:  #B0B0B0 !important; */
/* } */

/*New Arbitrage*/
.arbitrage{
	padding-bottom:55px;
}
.arbNext, .arbPrev{
	background: #ff8304 !important;
	color: white;
}
.arbNext{
	float: right;
}
.arbPrev{
	float: left;
}


.arbDisabled{
	background: #c0c0c0!important;
	color: #808080;
}

.ArbStepNum{
	width: 10px;
	border:5px;
	padding: 5px;
}

.arbStepTrackerHighlight{
	background-color : #008ac9;
	color: white;
	
}

/*New Repartition*/
.repInvRemove:hover,.repNotInvAdd:hover
{
	cursor: pointer;
}

/*New politic*/
.politicInline {
	display:inline-block;
}

/*garanties / benefits / RI CD Popups in home*/

.actuarialBold{
	font-weight:800;
}
.actuarialR{
	float: right;	
}
.actuarialSmall{
	font-size:80%;
}
.actuarial{
	background-color : #008ac9;
	color: white;
	width: 88.2%;
	margin-bottom: 7px;
	margin-left: 0.3%;
}

.actuarialH{
	background-color : #008ac9;
	color: white;
	width: 92%;
	margin-bottom: 7px;
}

.actuarialRapport{
	background-color : #008ac9;
	color: white;
	width: 88.9%;
	margin-bottom: 7px;
	margin-left: 0.3%;
}

.actuarialLayerDetails{
	text-decoration: underline;
	margin-top: -5px;
	margin-left: 90px;
}

/* inside act rap consult document*/
.affDoc{
	cursor: pointer;
}

/* new operations */
		/*tab border for clarity*/
.opTab{
	border: 1px #848484 solid;
}
		/* selected tab white*/
.operations_fond tr td:nth-child(6)
{
	border-right: 3px solid #008ac9; 
}
		/*h3 chosen exo formatting*/
#exoTrackerTitle{
	color:#008ac9;
	text-align: center;
	font-size: 1.17em;
}
		/*dropdown menu positioning*/
#opSelect{
	padding: 5px;
	margin-right: 10%;
	margin-bottom: 20px;
}	
/* selected tab white*/
#tabsContainer>#tabsContent>paper-tab[aria-selected='true']{
	background: white none repeat scroll 0 0;
	opacity: 1; color:#039;
}

#infoRep{
	text-align:center;
	color:red;
}

/* validation for new pw */
.invalField{
	color:red;
/* 	border-left: solid 1px red; */
/* 	border-right: solid 1px red; */
}
.invalField *{
	color: red;
}
.invalField *[aria-selected='true']{
	color: red;
}
/*flo video*/
.langVideo {
	color: red;
	font-size: 16px;
	font-family: 'Merriweather Sans', Merriweather,metapronormal, sans-serif;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 5px;
	
}

.langVideoWithoutMedia{
	color: red;
	font-size: 16px;
	font-family: 'Merriweather Sans', Merriweather,metapronormal, sans-serif;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* Btn parcourir */
input[type="file"] {
  height: 0;
  width: 0;
  overflow: hidden;
}

input[type="file"] + label {
  border: 1px solid rgba(0,0,0,.2);
  padding: 8px 15px 8px 15px;
  background: #ff8304;
  cursor: pointer;
  color: #fff;
}

input[type="file"]:hover + label {
	background: #008ac9;
}

/* Table */
/* #rhDocsList { */
/*     height: 600px; */
/* } */

/* Documents RH table*/
.listDocTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
}

.listDocTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

.listDocTable tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}

/* Rapport RH table*/
.reportRhTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
}

.reportRhTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

.reportRhTable tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}


/* table affiliate */

#docAffiliate{
	width: 1000px;
}


#docAffiliate tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#docAffiliate thead, #docAffiliate tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

#docAffiliate tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
}
		
#docAffiliate tbody thead {
	background-color:#fff;
}

#fonds table tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#fonds table thead, #fonds table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

#fonds table tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}
		
#fonds table thead {
	background-color:#fff;
}

#fond1 table tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#fond1 table thead, #fond1 table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#fond1 table tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    height: 50px;
    word-wrap: break-word;
}
		
#fond1 table thead {
	background-color:#fff;
}

#fond2 table tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#fond2 table thead, #fonds table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#fond2 table tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    height: 50px;
    word-wrap: break-word;
}
		
#fond2 table thead {
	background-color:#fff;
}

/*Scrollbar Mes garanties */
#newWarranties table tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#newWarranties table thead, #newWarranties table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#newWarranties table tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    height: 38px;
    word-wrap: break-word;
}
		
#newWarranties table thead {
	background-color:#fff;
}



/* scrollbar Mon portfeuille*/
#arbIniTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
}

#arbIniTable thead, #arbIniTable tfoot, #arbIniTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

#arbIniTable tbody tr {
	height: 70px;
}

#arbIniTable tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;

}
		
#arbIniTable thead {
	background-color:#fff;
}

/* scrollbar Mon d�sinvestissement*/
#arbDesinvestTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
}

#arbDesinvestTable thead, #arbDesinvestTable tfoot, #arbDesinvestTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

#arbDesinvestTable tbody tr {
	height: 80px;
}

#arbDesinvestTable tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}
		
#arbDesinvestTable thead {
	background-color:#fff;
}

/* scrollbar Mon r�investissement*/
#arbReinvestTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
    background-color : #fff;
}

#arbReinvestTable thead, #arbReinvestTable tfoot, #arbReinvestTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
   	background-color:#fff;
}

#arbReinvestTable tbody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}
		
#arbReinvestTable thead {
	background-color:#fff;
}

/* scrollbar R�capitulatif / Mon d�sinvestissement */
#targetDesinvestTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
    background-color : #fff;
}

#targetDesinvestThead, #targetDesinvestBody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}

#targetDesinvestBody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}
		
#targetDesinvestTable thead {
	background-color:#fff;
}

/* scrollbar R�capitulatif / Mon r�investissement */
#targetReinvestTable tbody {
    display:block;
    border-spacing: initial;
    border:1px solid #fff;
    background-color:#fff;

}

#targetReinvestBody td {
    background-color:#e5f3f9;
    word-wrap: break-word;
}

#targetReinvestThead, #targetReinvestBody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
    background-color:#fff;
}
		
#targetDesinvestTable thead {
	background-color:#fff;
}

.operationWidth {
	width: 10% !important;
	vertical-align: middle;
}

/*upload rh send docs*/
.btnUpload{
		-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #ff8304;
	border-radius: 0;			/* because baloise buttons have no smooth corners */
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
	color: white;
	padding: 10px;
	width: 200px;
/* 	height: 40px; */
	font-size: larger;
	text-align:center;
/* 	margin-left:40%; */
/* 	padding-top:8px; */
	display: block;
	margin: auto;
	
}

.btnUpload:hover{
	background-color:  #008ac9;
	box-shadow: 0px;
	color: white;
	cursor:pointer;
}

.btnUploadDisabled{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	background-color:  #EAEAEA;
	border-radius: 0;			/* because baloise buttons have no smooth corners */
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
	color: #A8A8A8;
	padding: 10px;
	width: 200px;
/* 	height: 40px; */
	font-size: larger;
	text-align:center;
/* 	margin-left:40%; */
/* 	padding-top:8px; */
	display: block;
	margin: auto;
}

/* removing X from IE*/
#emailDecorator #input::-ms-clear{
	display: none;
}



/*Parameters */
#paramCountryLabel{
	color: rgb(115, 115, 115);
	font-family: Roboto,Noto,sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.133333px;
	line-height: 20px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#countryCodeDecorator{
	width:100%;
}

iron-icon[icon='delete'] {
	cursor: pointer;
}

#generate{
	text-align: center;
	display: block;
	margin: 0 auto;
}
.menuTab{
	border-right: 1px solid #fff;
	white-space: normal;
}

#inline {
	width: 40%;
	margin-left: 3%;
	margin-bottom: 2%;
}

#inline tr{
	background-color: #fff;
}

#inline td{
	padding: 0px 3rem 0px 0px;
	background-color: #fff;
}
.btnFicheTechnique{
	margin-top: 30px;
	margin-right: 24px;
}
.content{
	padding-bottom: 3%;
}

#sendDocsTable tr {
	background-color: #fff;
}

.tdTitreSendDoc{
	text-align: right;
	vertical-align: middle;
	max-width: 120px;
}

.listDocTable{
	width: 1000px;
}

.tdPaperfab{
	background-color: #fff !important;
	width:7%;
}

.tdListDocTable{
	width:45%;
	vertical-align: middle;
}

.tdreportRhTable{
	width:45%;
	vertical-align: middle;
}

.fondsTd{
	vertical-align: middle;
}

.warrantiesTd {
	vertical-align: middle;
}

.repartitionTd {
	vertical-align: middle;
}

.docAffiliateLastThead{
	width: 8%;
}

.docAffiliateLastTbody {
	width: 8%;
}

.itemQuickMenu{
	padding: 10px;
}


/*rh affiliate view affiliates profile data */
#profil>table>tbody>tr {
	border: 1px solid #039;
}

.profilAffTable{
	line-height: 15px;
	width: 40%;
	border: 1px solid #039;
}

.rhAffProfile{
	width:50%;
}

.profilAffTable td{
	line-height: 15px;
	width: 40%;
	height: 55px;
	vertical-align: middle;
	padding: 0px 10px;
	border: none !important;
}


#affiliateDetailsOverlay{
	width : 850px;
}

#affiliateDetailsTrigger[icon='settings'] {
  	background: #ff8304;
}

.proAffTableLeft {
	background-color : #008ac9;
	color : white;
}

.rhGrey{
  	fill: lightgrey !important;
}

/* KENDO UI */
	/* this might not be needed anymore after kendo css imports*/
.k-tooltip.k-chart-tooltip.k-chart-tooltip-inverse,  .k-handle
{
   z-index: 1000 !important;
}
	/*adjusting navigator selection area*/
.k-selector {
	top: 240px !important;
}
#pfKendoLine .k-selector {
	top: 315px !important;
}

/* putting the closing buttons over the navigation chart in the overlay*/
#newClear, #newClear777, #newClear666, #newClear788, #newClear888 {
	 z-index: 1001 !important;
}

/*SchemeName title in home/schemeId */
.titleSchemeName {
	margin-top: 120px;
	text-align: center;
	font-weight: bold;
}

#videoAdminTable {
	margin: 0px 20px 30px 25px;
	font-family: 'Merriweather Sans', Merriweather,metapronormal, sans-serif;
	
}

#videoAdminTitle{
	margin-top: -10px !important;
    margin-bottom: -5px !important;
}

#videoAdminTable td {
	vertical-align:middle;
	padding: 10px 0px !important;
	border:none;
}

.addSeparator{
	border-bottom: 1px dotted #A4A4A4 !important;
}

.theadAction th{
	padding:0px 20px 0px 20px !important;
	border:none;
/* 	vertical-align:middle; */
}

.theadMenu th{
	text-align: center;
	height: 40px;
	padding:0px !important;
	border:none;	
	vertical-align:middle;
}

.videoAdminImg{
	width:180px;
}

.videoAdminAddVideoImg{
	height:135px;
}

textarea { 
	resize:none;
	border: 1px solid #D8D8D8;
	background: #fff;
	border-radius: 4px;
	padding: 5px;
}

.videoAdminOrdre{
	border: 1px solid #D8D8D8;
	background: #fff;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: border 0.5s ease; /* Safari */
  	transition: border 0.5s ease;
}

#videoAdminTbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#videoAdminThead, #videoAdminTfoot, #videoAdminTbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#videoAdminTbody tr {
	margin: 2px 0px;
	color: #333 !important;
	-webkit-transition: opacity 0.5s ease; /* Safari */
  	transition: opacity 0.5s ease;
}

#videoAdminTbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    word-wrap: break-word;
}
		
#videoAdminThead, #videoAdminTfoot {
	background-color:#fff;
}

.selectVideoAdminTbody{
	width: 24%;
}

.checkboxVideoAdminThead{
	width: 5%;
}

.checkboxVideoAdminTbody{
	width: 5%;
}

.descriptionVideoAdminTbody{
	width: 45%;
}

.VideoPopup{
	width:auto;
}

.titleSchemeHome{
	font-size:34px;
}

.titleSchemeEditHome {
	font-size:16px;
}

.titleSchemeEditIconHome {
}

.loaderImg {
  background: url('../img/circle-loading-animation.gif') no-repeat;
  height: 500px;
  width: 500px;
  margin: auto;
}

.repartitionTd2{
	vertical-align: middle;
}

#desinvestPourcentTable {
    width: 600px;
}

#desinvestPourcentTable tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#desinvestPourcentTable thead, #desinvestPourcentTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#desinvestPourcentTable tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    height: 50px;
    word-wrap: break-word;
}
		
#desinvestPourcentTable thead {
	background-color:#fff;
}

#reinvestPourcentTable {
    width: 600px;
}

#reinvestPourcentTable tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#reinvestPourcentTable thead, #reinvestPourcentTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#reinvestPourcentTable tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    height: 50px;
    word-wrap: break-word;
}
		
#reinvestPourcentTable thead {
	background-color:#fff;
}

.inlineYield {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 50px;
	border: 1px solid #fff;
}

.decision button{
	padding: 6px 40px !important;
	margin: 0px 10px;
}

#decisionLabel {
	text-align: center;
	margin-bottom: 20px;
}

#addVideoTbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#addVideoThead, #addVideoTbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#addVideoTbody tr {
	margin: 2px 0px;
	color: #A4A4A4 !important;
}

#addVideoTbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    word-wrap: break-word;
    border: 0px !important;
}
		
#addVideoThead {
	background-color:#fff;
}

.checkboxVideoAdminAddVideoTbody{
	width: 8.5%;
}
.checkboxVideoAdminAddVideoThead{
	width: 5%;
}

.imageVideoAdminAddVideoTbody{
	width: 200px;
}
.ordreVideoAdminTbody{
	width: 4%;
}

.textareaTitle{
	-webkit-transition: border 1s ease; /* Safari */
  transition: border 0.5s ease;	
}

#addVideoTable {
	width: 700px;
}
.videoTitle{
	height: 60px;
	background: #e5f3f9;
}
.videoPresentationBlock{
	background: #e5f3f9;
	padding-bottom: 10px;
}
.videoItem{
	/* border-left: 20px solid #e5f3f9;
	border-right: 20px solid #e5f3f9; */
}

.catVideoTitle{
	font-size: 22px;
	font-weight: bold;
}

.videoBlockByRole{
	margin-top: 30px;
}

.noVideoItem {
	margin-top: 20px;
	font-size: 16px;
	background: #e5f3f9;
	padding: 10px;
}

.videoSpace{
	height: 20px;
	background: #e5f3f9;
	border-bottom: 15px solid #fff;
}
.iconClearVideo, .iconClearVideo:hover{
	float: right;
  	top: -13px;
  	position: absolute;
  	left: 98%;
  	border: 2px solid #fff;
  	background: #000 !important;
 	color: #fff !important;
  	border-radius: 20px;
  	box-shadow: -1px 1px 10px #000;
}

.erreurMessageVideoAdmin{
	margin: -15px 0px 0px 25px;
	color: #FE2E2E;
	display: none;
}

#toastVideoAdmin{
	z-index: 103;
	position: fixed;
	color: white;
	text-align: center;
	font-family: 'Roboto', 'Noto', sans-serif;
	border-radius: 2px;
	font-size: 14px;
	width: auto;
	top: 100%;
	left: 1%;
	background: green;
	padding: 16px 24px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-transition: top 0.5s ease; /* Safari */
  	transition: top 0.5s ease;
}

#toastVideoAdminError{
	z-index: 103;
	position: fixed;
	color: white;
	text-align: center;
	font-family: 'Roboto', 'Noto', sans-serif;
	border-radius: 2px;
	font-size: 14px;
	width: auto;
	top: 100%;
	left: 1%;
	background: red;
	padding: 16px 24px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-transition: top 0.5s ease; /* Safari */
  	transition: top 0.5s ease;
}

.toastDisabled {
	border-radius: 8px;
	background-color: #000;
}

#bandeauRhTable td{
	color: #fff;
	background: #008ac9;
	text-align: left;
	border: none;
	vertical-align: middle;
	padding: 0px 10px;
}

#detailsCouchesTable{
	width: 50%;
	margin-left: 83px;
}

#detailsCouchesTable th, #detailsCouchesTable td{
	padding: 10px; 
	height: auto !important;
}

#detailsCouchesTable table tbody {
    display:block;
    border-spacing: initial;
    background-color:#fff;
}

#detailsCouchesTable table thead, #detailsCouchesTable table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    background-color:#fff;
}

#detailsCouchesTable tfoot tr, #detailsCouchesTable tbody tr {
	margin-left: 2px;
}

#detailsCouchesTable thead, #detailsCouchesTable tbody {
	margin-bottom: -2px;
}

#detailsCouchesTable table tbody td {
    background-color:#e5f3f9;
    vertical-align: middle;
    word-wrap: break-word;
}
		
#detailsCouchesTable table thead {
	background-color:#fff;
}

.detailsCouchesTableTheadLastTh, .detailsCouchesTableTbodyLastTd {
	background: #fff !important;
}

.retirementActurialDataBlock{
	padding-right: 40px;
	padding-left: 5px;
	margin-top: -20px;
}

.retirementActurialDataBlockWarranty{
	/* padding-bottom: 20px; */
}

.ulWarrantieDesc {
	margin-left: -30px;
}

.rsDetailAmount {
	margin-top:10px;
	margin-left: 20px;
}

.rsDetailDateCredit {
	margin-top:10px;
	margin-left: 20px;
	margin-bottom: -5px;	
}

.rsDetailDescription {
	font-size: 18px;
	margin-bottom: -5px;
	margin-top: 35px;
}

/*Fatca Form*/
#fatcaForm .fatcaGrid {
	display: inline-block;
    width: 45%;
    padding: 5px;
}
#fatcaForm .fatcaGrid paper-input{
    width: 90%;
}

#fatcaForm .fatcaRight {
}

#fatcaForm .fatcaLeft {

}

#fatcaForm .fatcaRow {
	width: 100%;
	padding: 5px;
}

#fatcaForm select:disabled {
    background: #dddddd;
    color: darkgrey;
}

#couCodeLabel,#birthCountryLabel,#otherCouCode1Label,#otherCouCode2Label{
	color: #737373;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto', 'Noto', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.addonXbutton{
	background-color:lightgrey;
	border: 1px darkgrey solid;
	display:inline;
	padding:5.5px 1px;
	color:black;
	padding-top:5px;
}
.addonXbutton .iron-icon-1{
	padding-bottom:2px;
}
.addonXbutton:hover{
	background-color:grey;
	cursor: pointer;
	color:white;
}

/* conditions generales auto numbering */
.conditions ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.conditions ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.conditions ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
.conditions > ol > li:before {   
  font-size: 1.8em;
}

.conditions li ol > li {
  margin: 0;
}

.conditions li ol > li:before {
  content: counters(item, ".") " ";
}


/* Away from Polymer migration elements */
.likePlmrBtn{    
	display: inline-block;
    text-transform: none;
    text-align: left;
    z-index: 0;    
    margin-bottom: 10px;
    transition: 0.5s !important;
    background-color: #ff8304;
    border-radius: 0;    
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: white;
    position: relative;
    box-sizing: border-box;
    min-width: 5.14em;
    margin: 0 0.29em;
    font: inherit;
    outline-width: 0;
    user-select: none;
    cursor: pointer;
    width:220px !important;
    margin-bottom: 10px;
    padding: 10px 8px;
    }

.likePlmrBtn:hover{	
	background-color:  #008ac9 !important;
	box-shadow: 0px;
	color: white;}


.likePlmrBtnDisabled{    
	display: inline-block;
    text-transform: none;
    text-align: left;
    z-index: 0;    
    margin-bottom: 10px;
    transition: 0.5s !important;
    background-color: #eaeaea;
    border-radius: 0;    
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: #a8a8a8;
    position: relative;
    box-sizing: border-box;
    min-width: 5.14em;
    margin: 0 0.29em;
    font: inherit;
    outline-width: 0;
    user-select: none;
    cursor: auto;
    width:220px !important;
    margin-bottom: 10px;
    padding: 10px 8px;
    }

.iconM {
	color: white;
	font-size:24px;
	padding-left:3px;
	padding-right:8px !important;
}


.iconMDisabled {
	color: #a8a8a8;
	font-size:24px;
	padding-left:3px;
	padding-right:8px !important;
}


.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:fixed;
  background:#ffffff;
  max-height: 810px;
  max-width: 1100px;
  z-index:103;
    outline: none;
    font-family: 'Roboto', 'Noto', sans-serif;
    -webkit-font-smoothing: antialiased;
    display: block;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
  
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

.popup-overlay-close-button{
    color: #008ac9;
    padding:0px 10px 12px 2px;
    float:right;
    text-align:center;height:15px;width:15px;
    }
.popup-overlay-close-button>i{
    padding:5px;
    text-align:center;
    font-size:18px !important;
    }
.popup-overlay-close-button:hover{
    background-color: #008ac9;
    color: white;
    }

/* Non polymer Modal */
.modalTarget {
	transition: all 0.5s !important;
}


#modal {
	transition: all 0.5s !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	background: rgba(0, 0, 0, 0.4) !important;
	z-index: 101 !important;
	height: 100% !important;
	width: 100% !important;
}

.modalContent {
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.8);
	width: 500px;
	border: 2px green solid;
	padding: 50px;
	border-radius: 5px;
	*/
}

/* for a with onclick but no href */
.linkHvr:hover{
  cursor: pointer;
}

/* home title adjustment*/
.warranties>#newWarranties>H1 , .politic #politic>H1 , .portfolio #portefeuille>H1 , .supports>#fonds>H1 {
 padding-left:20px;
}

.actions_portefeuille paper-button {
	width:100%;
}