html {
  position: relative;
  min-height: 100%;
  background-color:#F6F6F6;
}

body {
  font-family: 'Roboto', sans-serif;
  background-color:inherit;
}


.activable:hover{
color:#ff0072;
}



/* fonts 
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*
colors
grey 		#787878
blue 		#0052ff

pink 		#ff0072
pink light 	#ff5ca0
pink dark  	#c50047

darkgrey 	#707070;
grey 		#CECECE;
lightgrey 	#F6F6F6;

*/

/* general */

/* fs */
.fs-20{font-size:2rem;}
.fs-12{font-size:1.2rem;}
.fw-900{font-weight:900;}


/* fc - c */
.fc-blue{color:#007bff;}
.fc-pink{color:#ff0072 ;}
.fc-dark-grey{color:#707070 ;}
.fc-black{color:#000 ;}
.fc-grey{color:#CECECE ;}
.fc-light-grey{color:#F6F6F6 ;}
.c-blue{color:#007bff;}
.c-pink{color:#ff0072;}
.c-red{color:#da2020;}
.c-green{color:#4caf50;}
.fc-orange{color:orange;}
.fc-red{color:red;}

/* br */
.br-20{border-radius:20px;}
.br-50{border-radius:50px;}
.br-100{border-radius:100px;}

/* mw */
.mw-200{
min-width:200px;
}

/* borders */
.border-dark-grey{border:1px solid #707070;}
.border-top-grey{border-top:1px solid #CECECE;}
.border-grey{border:1px solid #CECECE;}
.border-light-grey{border:1px solid #F6F6F6;}

.important-txt{
font-family: 'Roboto Condensed', sans-serif;
color:black;
font-size:16px;
font-weight:bold;
}

.clear-both{
clear:both;
}

/* titles and class */
h1,h2,h3,h4,h5, .h-type{
	font-family: 'Roboto Condensed', sans-serif;
}

h1,h2{
	font-size:2rem;
}

.h100p{height:100%;}

.w100p{width:100%;}


.d-none{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}

.text-none{
text-transform:none !important; 	
}

/* backgrounds */
.bg-light-grey{background:#F6F6F6 !important;}
.bg-green{background:#00CEC9 !important;}
.bg-green:hover{background:#17b7b3 !important;}

/* buttons */
.btn:active{transition: all 0.1s;}
.btn-sidebar{font-family: 'Roboto Condensed', sans-serif;font-size:14px;text-align:center;padding:10px;width:100%;display:inline-block;}
.btn-investa,.btn-investa-sp{color:white !important;}
.btn-investa-sp{background:#ff0177; color:white;}
.btn-investa-sp:hover{background:#ce1269; color:white;}

.btn-investa-grey{background:#dedede;}
.btn-investa-grey:hover{background:#b9b9b9;}

.btn-investa{background:#0052ff; color:white;display:inline-block;}

.btn-bar .btn-investa-sp{font-size:14px;padding-left:20px;padding-right:20px;}

.btn-investa.step-title{
	background: grey;
}

.btn-investa, .btn-investa.step-title.active{
	background:#0052ff;
	color:white;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	text-transform: uppercase;
	z-index:3;
	cursor:pointer;
	border:none;
}

.btn-investa,
.btn-investa::after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.btn-investa::before,
.btn-investa::after {
background: #ff0177;
content: '';
position: absolute;
z-index: -1;
width: 100%;
/*border-radius:3px;*/
}

.btn-investa:hover{
color: #fff !important;
border-radius:0px;
}

.btn-investa::before,.btn-investa:after{
color:#fff;
background:#ff0177;
cursor:inherit;
}

.btn-investa::after {
height: 100%;
left: 0;
top: 0;
width: 0;
}

.btn-investa:hover:after {
width: 100%;
}


.btn-large{padding: 1.2rem 6rem;font-size: 20px;
text-transform: uppercase;
}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.light-grey-bg{
background:#f6f6f4;
}

.white-bg{
background:#ffffff;
}

.grey-border{
border:1px solid #787878;
}

.blue-border{
border:2px solid #0052ff;
}

.font-color-blue{
color:#0052ff !important;
}

/* divers - general */

.ajax-loader{
display:none;
}

/* header - menu */

.navbar {
	background:white;
}

.nav-link{
	font-weight: bold;
	color: #333;
	font-family: 'Roboto', sans-serif;
}

.nav-link:hover{
	color:#ff0072;
}


.navbar-expand-md .navbar-nav .nav-link{
	padding-left:1.5rem;
}

/* footer */

footer{
	background:#0052ff;
	color:white;
	border-top:10px solid #ff0072;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}



/* main template */



.quote-text{
	color:#787878;
	font-style:italic;
}

.form-home label{
font-size:1.5rem;
color:#0052ff;
font-family: 'Roboto Condensed', sans-serif;
}

.icon-box{
	background: white;
    padding: 20px;
    border: 1px solid #e0dfe0;
    border-radius: 10px;
    min-height: 220px;
    display: table-cell;
    height: 220px;
    vertical-align: middle;
}

.table-cell-centered{display: table-cell;vertical-align: middle;}

.icon-box img{margin-bottom:20px;}

.user-logo{border-radius:30px;}

.sidebar .logo{max-width:264px;}

.breadcrumbs .feather:hover,.breadcrumbs a:hover{color:#ff0177;}


/* bootstraps override */

.card{
position:relative;
border:2px solid white;
border-radius:inherit;
-webkit-transition: transform 0.3s;
}

.card:hover{
border:2px solid #0067FA;
transform:scale(1.05);
}

.scope{
position:relative;	
}

a:hover{
text-decoration:none;
}

.card .card-icon, .scope .scope-icon{
position:absolute;
right:10px;
top:10px;
color:#ff0072;
}

.card-title{
color:#0067FA;
font-weight:bold;
}

.card .card-body{
color:black;
}

.nav-link{
padding: .5rem 0rem;
}

.custom-file-input{
cursor:pointer;
}

.custom-file-input ~ .custom-file-label::after {
    content: "Choisir";
}

/* fiche */

.actu-block,.periode-block{
position:relative;
}

.bar-pointille{
position: absolute;
left: 4.1%;
border: 1px dashed #b0b0b0;
height: 99%;
z-index: 0;
display:none;
}

.circle-icon{
border: 1px solid #CECECE;
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
line-height: 40px;
margin: auto;
color:#ff0177;
z-index:2;
background:white;
display:none;
}

.circle-empty{
width: 30px;
height: 30px;
}

.actu-block-left{
float:left;
width:70%;
}

.actu-block-right{
float:right;
width:30%;
border-left:1px solid grey;
font-size:14px;
color:#707070;
height: 100%;
}

.note{
background:#ffff93 !important;
border:1px solid #c7c76e;
}

.note .actu-block-right{
color:#7d7d30;	
border-left:1px solid #c7c76e;
}

.more{
height:25px;
position:absolute;
right:5px;
top:5px;
color:#707070;
cursor:pointer;
}

.orbe{
display: inline-block;
height: 24px;
width: 24px;
background: #CECECE;
border-radius: 20px;
margin-right: 5px;
padding: 0px;
text-align: center;
}

.orbe.success{
background:#00B894;
color:white;
}

.orbe.failure{
background:#D63031;
color:white;
}

.btn-bar .btn{
	display:block;
	margin-top:10px;
}

/* Prospects - Fiches */

/* special checkbox pink */
.custom-control-input:checked~.custom-control-sp::before{
	background: #ff0177 !important;
	border:#ff0177 !important;
}

.custom-control-input:not(:disabled):active~.custom-control-sp::before{
	background: #ff5ca0 !important;
	border:#ff5ca0 !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-sp::before{
    border-color: #ff5ca0;	
}

.custom-control-input:focus~.custom-control-label::before{
	box-shadow: 0 0 0 0.2rem #ff5ca066;
}


/* steps */

#step2,#step3,#step4,#step5, .confirm-btn{
	display:none;	
}

.warning-message{
	border: 1px solid #ff0177;
	color: #ff0177;
	font-weight:bold;
	background:white;
	display:none;
}

.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label{
color: #ff6ac2;	
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{
border-color: #ff0177;	
}

.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before{
background-color: #ff0177;	
}

.step-title{
cursor:pointer;

}

.step-title.active{
background:#0052ff;
color:white;
cursor:inherit;
}


.step-controller a.btn{
color:white;
}

/* */

.outsider-1{
margin-top: -40px;
margin-bottom: -30px;
}


/* resultats */


.blurred-bg{
	background:url(/assets/img/blurred-bg.jpg) no-repeat;
	height:500px;
	width:100%;
}



/*DASHBOARD */
body {
  font-size: .875rem;
}

.feather {
  width: 18px;
  height: 18px;
  min-width:18px;
  min-height:18px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  background:white;
}


.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 15px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

#sidebar-bottom{
position:absolute;
bottom:0;
left:0;
width:100%;
}

/*
 * Content
 */
 
.row-head{
	font-size:18px;
}


/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}



/* login */

.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
}

.form-signin button{
font-family:'Roboto Condensed', sans-serif;
}

/* Popups */

.popup-activator{
	cursor:pointer;
}

.popup{
padding:20px;
border:1px solid #ff0072;
background:white;
position:fixed;
left:50%;
top:20%;
z-index:102;
display:none;
margin-left: -175px;
min-width:350px;
-webkit-font-smoothing: antialiased;
}

.popup-bg{
position:fixed;
background:white;
width:100%;
height:100%;
z-index:101;
top:0;
left:0;
opacity:0.8;
display:none;
}

.close-popup{
position:absolute;
top:-80px;
right:-80px;
background:white;
padding:15px;
border-radius:50px;
border:1px solid #ff0072;
cursor:pointer;
-webkit-transition: transform 0.1s;
}

.close-popup:hover{
-webkit-transition: transform 0.1s;
transform:scale(1.10);
}

.close-popup:active{
-webkit-transition: transform 0.1s;
background:#f6f6f6;
transform:scale(0.90);
}

.sp-message{
position:fixed;
width:80%;
height:90px;
background:#468BEE;
z-index:2;
display:none;
color:white;
bottom:15px;
}

.sp-container{
 display: flex;
 align-items: center;
 justify-content: center;
 height:100%;
 font-size:24px;
}

.sp-message .feather{
width: 24px;
height: 24px;
margin-right:10px;	
}

.just-added{
background:#468BEE;	
-webkit-transition: all 1s;
}

.added-before{
background:white;
-webkit-transition: all 1s;
}

/* pipeline */

.pipe-title{
	font-weight:bold;
	text-align:center;
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px;
	margin:10px 0;
}

.col-pipe{
	background:white;
	border:1px solid #707070;
	min-height:500px;
	margin-right:20px;
}

.row-pipe{
	background:#F6F6F6;
	border:1px solid #CBCBCB;
	margin:10px 10px;
}

.pipe-important{
	font-weight:bold;
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.sidebar .logo{
	width:100%;
}

.bar-pointille{
	display:block;
}

.circle-icon{
	display:block;
}

.actu-block-right{
	padding-left: 20px;
}

.btn-bar .btn{
	display:inline-block;
}

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* temp disabled */

.more.activable{
	display:none;
}