.enter,.not{
	margin:3% 3% 3% 3%;
	display:inline-block;
	vertical-align:top;
}
* {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
label{
	display:block;
}
input,select{
	display:block;
	color : #000080;
}
.not{
	margin-right:0;
}
input[type="button"]{
	display:inline-block;
	background-color: #77b5fe;
}
.add{
	background-color: #1569bd;
	border-radius: 20px;
}

.bloc{
	display:inline-block;
}
section,h2{
	float:left;
	width:100%;
}
#pdftoPrint h2{
	float:none;
	width:auto;
}
.widthfix{
	width:30%;
}
.heighttest{
	height: 100px;
}
.selectPot{
	width:40%;
	background-color: DodgerBlue;
	position: absolute;
	font-family: Arial;
	text-align: center;
	font-size : 150% ;
}
.objectifPotentiel{
	margin-top: 5%;
	text-align: center;
}
.space5{
	margin-top:5%;
}
.space10{
	margin-top:10%;
}
.middle {
	width:30%;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}
.middle2 {
	width:20%;
	margin-top: 5%;
	margin-left: 25%;
	margin-right: 30%;
}
.center{
	text-align: center;
}
.gauche{
	display:inline-block;
	vertical-align: top;
	width:43%;
	margin-right: 5%;
}
.droite{
	width:48%;
	vertical-align: top;
	display:inline-block;
}
.droiteRecap1{
	width:15%;
	vertical-align: top;
	display:inline-block;
}
.gaucheRecap1{
	margin-left: 5%;
	display:inline-block;
	vertical-align: top;
	width:15%;
}
.gaucheRecap2{
	display:inline-block;
	vertical-align: top;
	width:30%;
}
.droiteRecap2{
	width:30%;
	display:inline-block;
}
.tablePotentiel{
	width:100%;
	height:50%;
	margin-bottom: 5%;
}
.gauchePot{
	display:inline-block;
	vertical-align: top;
	width:53%;
	margin-top: 3%;
	margin-right: 13%;
}
.droitePot{
	display:inline-block;
	vertical-align: top;
	margin-top: 3%;
	margin-right: 5%;
	width:24%;
}
h2{
    text-align: center;
}
#pdftoPrint h3{
	text-align: left;
	display:block;
}

h3{
    text-align: center;
	display:inline-block;
}

.attributeImmo,.attributeCompte,.attributeRetraite{
	width:21%;
	margin-bottom:3%;
}
.attributeAssuVie{
	width:15%;
	margin-bottom:3%;
}
.attributeParrainage{
	width:23%;
	margin-bottom:3%;
}
.total{
	border-top-color:black;
	border-top-width:2px;
	padding-top:em;
	border-top-style:solid;
	margin-left:2%;
	margin-right:2%;
}

section{
	display:none;
}

section,h1{
	color :black;
	width:100%;
}

.active{
	display:block;
}
#can,#canvasimg{
	margin-left:20%;
	margin-top:5%;
}
input[class="travel"]{
	background-color:#003366;
	display:inline-block;
	color:white;
	width:20%;
	padding:2% 0 2% 0;
	margin:0 1% 1% 1%;
	margin-top:5%;
}

input[class="travelmini"]{
	background-color:#286090;
	display:inline-block;
	color:white;
	width:20%;
	padding:1% 0 1% 0;
	margin:0 1% 1% 1%;
}

input[id="left"],
input[id="retour"]{
	float:left;
	display:none;
}

input[id="right"]{
	float:right;
}
input[id="terminer"],
input[id="analyse"],
input[id="bilan"],
input[id="analyseR2"]{
	float:right;
	display:none;
}
input[id="parrainage"],input[id="audit"]{
	float:right;
}

input[id="Pdf"],
input[id="Signer"],
input[id="Visualiser"]{
	text-align:center;
	display:none;
}
input[id="Signer"],
input[id="Visualiser"]{
	width:30%;
	margin-left:13%;
}
input[id="Pdf"],
input[id="sign"]{
	width:30%;
	margin-left:34%;
	margin-right:34%;
}
body {
	margin-top: 5px;
	background-color: white;
}

.row {
	margin-right: -0px;
	margin-left: -0px;
}

#content{
  margin-top: 51px;
  padding: 0px;
  width: 100%;
  color: #918C8C;
}

#topnav {
  background-color: #003366;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
#topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
#topnav a:hover {
  background-color: #1f619a;
  color: white;
}

/* Add an active class to highlight the current page */
#topnav a.active {
  background-color: #2196F3;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
#topnav .icon {
   display: none;
}

.lightgrey{
	background-color: white;
}
.onvoitpasljaune{
	text-shadow: 0 0 0.15em black;
}
.tracerBorder{
  border: 2px solid black;
  border-radius: 5px;
  background-color: #6495ED;
}

.colorEnBlue{
	background-color: #6495ED
}

.avatar {
    position:relative;
    z-index:40;
    margin-top: 5px;
    height: 40px;
    width: 40px;
    border: 4px solid #108DB6 !important;
  }

.user-name {
  padding-top: 15px;
  padding-right: 10px;
}

.user-name span {
  font-size: 16px;
  font-weight: bold;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*Evi patrimoine*/
.navbar .navbar-brand {
    text-shadow: 0px 1px 5px #918C8C;
    padding: 15px;
    margin-left: 20px;
    font-size: 2.3em;
    color: #FFFFFF !important;
  }

.navbar {
    height: 50px;
    background-color: #2196F3;
    color: #fff;
    border: none;
    box-shadow: 5px 5px 5px #918C8C;
  }

.navbar-nav {
    padding-left: 10px;
  }
.navbar-header{
	width:100%;
}

img {
	position:relative;
	top: 0px;
	right: 0px;
}

.vertical-menu {
	text-align:left;
	vertical-align:middle;
	line-height: 700%;
	text-align: center;
    margin-top: 51px;
	width: 90px; /* Set a width if you like */
    height: 100%;
}

.vertical-menu a {
	background-color: none;
	color: white;
	display: block;
	text-decoration: none;
	background-color: #1f619a;
	border-radius: 50%;
	margin-bottom:10%;
}

.vertical-menu a:hover {
	border-radius: 50%;
	background-color: black; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    border-radius: 50%;
    background-color: red;
}

.material-icons {
    vertical-align:-14%;
    color: white;
}

/*chart style*/
.canvasZone{
	vertical-align: top;
	margin-left:4%;
	width:40%;
	display:inline-block;
	text-align:center;
}
.canvasZoneSucc{
	vertical-align: top;
	margin-left:2%;
	width:25%;
	display:inline-block;
	text-align:center;
}
.canvasBudget{
	display:inline-block;
	margin-right:2vw;
}
.insideCanvas{
	text-align: center;
	width:100%;
	margin-top:1%;
	margin-bottom:0;
	margin-right:0;
	margin-left:0;
}

.insideCanvas input{
	margin:auto;
}
.tablPDFg .green{
	background-color: #90EE90;
	color: #006400;
}
.tablPDFg .green:nth-Child(0n+1){
	background-color:inherit;
}
.tablPDFb .lime{
	background-color:#6495ED;
	color: #00008B;
}
.tablPDFb .lime:nth-Child(0n+1){
	background-color:inherit;
}
.tablPDF tr{
	border-top:solid;
	border-color:grey;
	border-width:2px;
	font-size:12px;
}
.tablPDF h5{
	padding:0;
	margin:0;
}
.tablPDF tr:nth-Child(0n+1){
	border-color:black;
	border-bottom:solid;
}
.tablPDF tbody tr:nth-Child(0n+1){
	border-bottom:none;
}

.green{
	background-color:rgba(0, 230, 64, 1);
	color:black;
}
.greenContour{
	border-color:rgba(0, 230, 64, 1);
	border-width:4px;
}
.lime{
	background-color:#1f619a;
	color:black;
}
.limeContour{
	border-color:#1f619a;
	border-width:4px;
}
.five{
	display:inline-block;
	margin-right:1%;
	margin-left:1%;
	width:47%;
}
.cent{
	width:100%;
}
.vingt{
	width:20%;
}
.quatrevingt{
	width:80%;
}
.parrainage{
	margin-top:1.5%;
}
.locked{
	font-weight:bold;
	opacity: 1;
	-webkit-text-fill-color: black;
	background-color:white;

}
.tresorerie{
	color: blue;
}
.placement{
	color: green;
}
.retraite{
	color: #f7ba0b ;
}
.immobilier{
	color: #FF1493;
}
.nonutilise{
	color: red;
}
.cinquante{
	width:50%;
}
.displayinline{
	text-align:center;
	display:inline-block;
}
.inline{
	text-align:center;
	margin:auto;
	display: table-cell;
	vertical-align: middle;
}
.right{
	border-right: solid;
	border-color:black;
}
.zero{
	margin:0;
}
.trente{
	display:inline-block;
	width:30%;
	margin-left:2%;
	margin-top:2%;
	border: 2px solid black;
	border-radius: 5px;
}
.tablesuccess{
	display:table;
	width:95%;
	margin-left:2%;
	margin-top:2%;
	border-top: 1px solid #ddd
}
.trentetrois{
	width:33%;
}
.tableauEpargne{
	display:inline-block;
	width:30%;
	margin-left:2%;
	margin-top:2%;
	border: 2px solid black;
	border-radius: 5px;
}
.tableauEpargne1{
	display:inline-block;
	width:40%;
	margin-left:2%;
	margin-top:2%;
	border: 2px solid black;
	border-radius: 5px;
}
.black{
	background-color:#606060;
}
.grey{
	background-color:#909090;
}
.quatre{
	display: table;
	height:4vw;
	width:100%;
}
.cinq{
	display: table;
	height:5vw;
	width:100%;
}
.reda{
	color:red;
}
.whiteb{
	background-color:white;
	color:black;
}
.whitec{
	color:white;
}
.bold{
	font-weight:bold;
}
.whitebl{
	background-color:white;
	color:blue;
}
.lemon{
	background-color:#B2FF00;
	color:black;
}
.submit{
	display:block;
	margin-bottom:2%;
	margin-right:2%;
	text-align:right;
}
.block{
	display:block;
}
.margintop{
	margin-top: 5%;
}
.totalDroit{
	text-align: center;
	color: red;
	display:inline-block;
}
.retour{
	background-color:grey;
	color:white;
}
.align-bottom{
	vertical-align:top;
}
/*hide arrow in number box*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}