/** 
Espace Direct COLORS 

Dark grey : #2c2c2c;
Light grey: ;
Primary color (purple): #cc3366;
Primary color (purple)- light: #cc3366;
Secondary color (blue): grey;
Primary color (blue)- light: #58CED9;

FORMER COLORS

Dark grey : #2f4154;
Light grey: #cfe1f5;
Primary color (green): #16a085;
Primary color (green)- light: #1abc9c;
Secondary color (purple): #9B59B6;
**/


/** OVERRIDE GREY BACKGROUND **/

/* OVERRIDE FLAT-UI.CSS */

.navbar-inverse, footer, 
.navbar-inverse .navbar-nav > .open > .dropdown-menu {
  background-color: #006fa6;
}

.navbar-inverse .navbar-toggle {
  border-color: #2c2c2c;
}

/* OVERRIDE BRAZIL.CSS (ALL) */

.navbar-inverse .navbar-collapse {
  border-color: white;
}

.navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider {
  background-color: #e1e4e7;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .dropdown-menu .divider {
    background-color: #2c2c2c;
  }
}

.well {
   background-color: #cfe1f5;
}


.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #e3effc;
  
}

/** OVERRIDE PRIMARY COLOR AND SHADES **/

/* OVERRIDE FLAT-UI.CSS */
a {
  color: #cc3366;
}

a:hover,
a:focus {
  color: #cc3366;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li.dropdown > a:focus,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover:active,
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:active,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: grey;
  color: white;
}

.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li.dropdown > a:focus,
.navbar-inverse .navbar-nav > li > a:focus,

.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus, 
.navbar-inverse .navbar-nav > .open > a:focus 
{ background-color: #f9af17;color: white;}


.navbar-nav > li > .dropdown-menu{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.dropdown-header{ 
	    color: white;
    text-align: left;
    padding: 3px 9px 3px;
    border-top: 2px solid white;
    
    margin-top: 8px;
    /* font-weight: 500; */
    font-size: 12px;
}
.dropdown-header:first-child{ border-top: none;  margin-top: 2px;}

.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a{}

.pagination ul li > a:active,
.pagination ul li > span:active {
  background-color: #cc3366;
  border-color: #cc3366;
}

/* OVERRIDE BRAZIL.CSS (ALL) */

a.navbar-brand:hover {
  color : #cc3366 !important;
}

.navbar-brand sup {
  background-color : #cc3366;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color : #cc3366;
}

.table > thead > tr > th {
	background-color: #f9af17;
}

.pagination > li > a, .pagination > li > span {
	color: #cc3366;
}

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > .active > a,  
.pagination > .active > a:hover {
	background-color: #cc3366;
	border-color : #cc3366;
}

.pagination > .disabled > a {
	color : #BDC3C7;
}

.indicator p.value {
	color: #cc3366;
}

/** OVERRIDE SECONDARY COLOR AND SHADES **/

/* OVERRIDE FLAT-UI.CSS */

.btn-primary, .btn-primary-tall {
  background:#35b5c1;
  width: 100%;
      max-width: 400px;
      margin-top: 10px;
}

.btn-primary-tall {
  height: 80px;;
}

.btn-primary:hover,
.btn-primary:focus, .btn-primary-tall:hover,
.btn-primary-tall:focus  {
  background-color:#71cbd4;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary-tall:active,
.btn-primary-tall.active,
.open .dropdown-toggle.btn-primary {
  background: grey;
  border-color: grey;
}

.btn-link {
  color: grey;
}
.btn-link:hover,
.btn-link:focus {
  color: grey;
}

.form-control:focus {
  border-color: grey;
}

/* OVERRIDE BRAZIL.CSS (ALL) */

.navbar-inverse .navbar-right> .open > a, 
.navbar-inverse .navbar-right > .open > a:hover, 
.navbar-inverse .navbar-right > .open > a:focus{
  background-color: grey !important;
}

.navbar-inverse .navbar-right > .active > a:hover, 
.navbar-inverse .navbar-right > .active > a:focus,
.navbar-inverse .navbar-right > .open > .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-right > .open > .dropdown-menu > li > a:focus {
  background-color: grey;
  color: white;
}

.navbar-inverse .navbar-right > li > a:hover > span,
.navbar-inverse .navbar-right > li > a:focus > span,
.navbar-inverse .navbar-right > li > a:active > span,
.navbar-inverse .navbar-right > li > a > span,
.navbar-inverse .navbar-right > .open > a > span,
.navbar-inverse .navbar-right > .open > a:hover > span { 
  background-color: transparent !important;
}

.navbar-inverse .navbar-right > li > a:hover,
.navbar-inverse .navbar-right > li > a:focus,
.navbar-inverse .navbar-right > li > a:active {
  background-color: grey !important;
}

.navbar-inverse .navbar-right > li > a > span.nb-messages,
.navbar-inverse .navbar-right > li > a:hover > span.nb-messages,
.navbar-inverse .navbar-right > li > a:focus > span.nb-messages,
.navbar-inverse .navbar-right > li > a:active > span.nb-messages,
.navbar-inverse .navbar-right > .open > a > span.nb-messages,
.navbar-inverse .navbar-right > .open > a:hover > span.nb-messages,
.navbar-inverse .navbar-right > .open > a:focus > span.nb-messages,
.navbar-inverse .navbar-right > .open > a:active > span.nb-messages {
  background-color: #fff !important;
  color: grey; 
}

a.btn-secondary {
    background-color:#cfe1f5;
    border:1px solid #35b5c1;
    color:#35b5c1;
    box-sizing: border-box;
}



/**  LOGIN PAGE **/
body #login-page.container-fluid {
  /*background-color:#006fa6;*/
}

#login-page .beta {
  background-color: #cc3366;
}



/*----------------------------GENERAL-----------------*/

#iframe_vw{
	height:100vh;
	width:100%;
	overflow:visible;
}

h1, h2, h3, button{font-family: 'Signika', Arial, Helvetica, sans-serif;}
h3, .sub-header {
    font-size: 130%;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-group label { font-size:15px;}

.alert, .navbar, .well{width:100%;}

.btn{ text-transform: uppercase; font-size: 17px;}
a.btn-secondary:hover {
background-color: #dde9f8;
	-moz-box-shadow: inset 0px 0px 0px 1px #35b5c1;
	-webkit-box-shadow: inset 0px 0px 0px 1px #35b5c1;
	-o-box-shadow: inset 0px 0px 0px 1px #35b5c1;
	box-shadow: inset 0px 0px 0px 1px #35b5c1;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#35b5c1, Direction=NaN, Strength=0);

}
a.btn-secondary .glyphicon{ color: #35b5c1;}
.btn-bad{background-color: #cc3366;}
.btn-bad:hover{background-color: #f23c79;}
select { background-color:white; border: 1px solid grey;}


#logo{width: 145px; height: auto; margin-top: -8px;}

.main .page-header {
    margin-top: 1em;
    font-size: 2em;
    color: #006fa6;
}

.sub-header{ border-bottom: none;}

.page-header{ border-bottom: none;}

.btn-default{ background-color: #cfe1f5;     margin-top: 9px;}
.btn-default:hover{ background-color: #cfe1f5;   }

.navbar-inverse .navbar-nav > .open > .dropdown-menu{ padding:10px 0px; background-color:#f9af17;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a{ border-radius: 0px;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider{ margin: 0px; background-color: white;}


.navbar-nav [class^="fui-"], .navbar-nav .glyphicon { color:white !important;}

#user{    padding: 0 10px 0 5px; display: inline-block; margin: 0; /*color:white;*/}

.navbar-nav > li > a{font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px;
	    padding: 19px 21px 11px;
	    line-height: 24px;
}

.navbar-inverse .navbar-nav .navbar-bad a { background-color:  #cc3366;}
.navbar-inverse .navbar-nav .navbar-bad a:hover{ /*background-color:  #f23c79 !important ; */ }


.navbar-inverse .navbar-nav > .active > a{ background-color: #f9af17;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .open > a{ background-color: grey; color:white;}



.alert-danger, .alert-alert{ color:#c1236b; background-color: transparent; border: 1px solid #c1236b; font-weight:bold;}
.alert-danger::before,.alert-alert::before{
	/*content: '\e014';
	    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 4px;*/
}

.alert-success{
	color:#35b5c1; background-color: transparent; border: 1px solid #35b5c1; font-weight:bold;
}
.alert-success::before{
	content: '\e013';
	    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 4px;
}

/*----------LOGIN-------*/
.login-wrapper .form-control{    border: 2px solid #bdc3c7;}


/*----------FORM-----------*/
.form-control{ border: none; margin-bottom:10px;}

.form-group{text-align: left;}
.form-group .col-xs-offset-1{        text-align: right;   padding-top: 9px;  margin-left: 0;}
.form-group strong{     margin-top: 6px;display: block;}


/*----------TAB-----------*/


/* BESOIN CLASS POUR ETAPES*/ 
.tab_criteres tr:nth-child(odd) {
   background-color: #e3effc;
  
}
.tab_criteres td{ padding: 5px 10px; box-sizing: border-box;}

.tab_criteres tr td:first-child{}

/*-------SIDEBAR--------*/
.sidebar{
	background-color: grey;	
}

.sidebar .well{
	border-top: 2px solid #006fa6;
	    margin-left: -4px;
    margin-right: -4px;
	
}

.sidebar .row:first-child .well{ border-top: none;}

.indicator p.value {
      color: #ffd345;
    font-size: 1.6em;
 }
 p.text-muted.indicator{color:#006fa6;font-variant: normal; }
 .indicator p.title{ font-style: normal; font-variant: normal; color: white;   font-size: 1.3em;}
 
 .indicator2 {
    border-left: 1px dashed white;
}

.indicator{ margin-bottom: 13px;}
.budget1{    margin-bottom: 0px;}


/*---------------FILE-----------------*/
.div-file .form-group { text-align: center !important; }
.div-file .btn { text-align: center;     margin: 0 auto;}
.div-file .btn-default:hover{ background-color: transparent;}
.div-file .btn-default{ color: #34495e; background-color: transparent;}

/*--------ALERT-------------*/

/*.alert-info{ background-color: #ffd345;    display: inline-block;}*/
.alert-info{
	color:#35b5c1; background-color: transparent; border: 1px solid #35b5c1; font-weight:bold;
}
.alert-info::before{
	content: '\e013';
	    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 4px;
}


/*-------------------------------------RESPONSIVE-------------------------*/

@media (max-width: 1024px){
	p {font-size: 13px;}
	
	.navbar-nav > li > a{font-size: 14px;}
	
}

@media (max-width: 990px) {
	.indicator2 {
	    border-left:none;
	}
	
	.navbar-inverse .navbar-brand{padding: 0px;}
	
	#logo{    width: 115px; padding-top: 19px; margin-top: -6px;}
	
	

}
@media (max-width: 767px) {
	.main .page-header, .sub-header{ text-align: center; padding: 0px;     margin: 10px 0; }
	.main {  padding: 21px 15px;}

	.sidebar{
		font-size: inherit;
			    position: relative;
		    display: block;
		    width: 100%;
		    float: none;
		    top: 0px;
		    padding-top: 20px;
			
			
		}
	.navbar-inverse .navbar-nav > li > a{    padding: 18px 4px;}
	.navbar-inverse .navbar-toggle{    padding-right: 0;}
	
	
	
	.navbar-inverse .navbar-nav > .open > .dropdown-menu{
		    width: 100%;
		    float: none;
		    left: 0;
		    top: 53px;
		    position: fixed;
		    z-index: 5000000;
		   
		    background-color: grey;
	}
	.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a{ font-size: 16px; line-height: normal; padding:10px 20px !important;}
	
	#logo{ padding-top: 0px; }
	
	.navbar-inverse .navbar-collapse {
	
	    border-color: white;
	       position: absolute;
	    width: 100%;
	    top: 53px;
	    left: 21px;
	    background-color: #006fa6;
   
	}
	.navbar-inverse .navbar-collapse a{ padding:10px 20px !important; font-size: 20px; line-height: 26px;}
	.navbar-inverse .navbar-collapse li:last-child, .navbar-inverse .navbar-collapse{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	
	.navbar-inverse .navbar-collapse .open > .dropdown-menu{
		position: relative;
		top: 2px;
		background-color: #cc3366;
		
	}
	.navbar-inverse .navbar-collapse .open > .dropdown-menu a{
		font-size: 16px; line-height: normal;
	}
	
	.well-lg > form > table > tbody > tr > td {
	      padding: 0.7em 0 0;
		    width: 100%;
		    display: block;
		    text-align: center;
	}
	
	.well-lg {  padding: 21px 10px;}
	label{ font-weight: bold;}
	a.btn-secondary { font-size: 12px;}
	
	.form-group .col-xs-offset-1,
	.form-group .col-xs-12
	{ text-align: center;}
	
}

.welcome {background: url(images/motif_03.jpg) top right no-repeat;}

.welcome .main{ max-width: 900px;}

.welcome img{ float:left; width:9rem; height: auto;}
.welcome p{ padding:1rem 0 0 10rem; font-size: 1.7rem; line-height: 1.9rem;}
.welcome p strong{color:#35b5c1; }
.welcome h2{padding-bottom: 1em;}