/*****************  fixer la sidebar ***************/
/*fixer sidebar (pas de scroll vertical)*/
.main-sidebar {
  position: fixed;
  white-space: nowrap;
  overflow: visible;
}

/*fixer main header (pas de scroll vertical)*/
.main-header {
  position: fixed;
  width:100%;
}

/*format titre header*/
.main-header .logo {
  font-weight: bold;
  font-size: 1.5em;
}


/*éviter d'avoir du blanc au dessus lorsque l'on fixer le main header (pas de scroll vertical)*/
.content {
  margin-top: 50px;
  margin-left: 20px;
  margin-right: 20px;
}

.skin-blue {
  min-height: 120%;
}

.ui_generated {
  margin-left: 20px;
}
  

/*****************  mise en forme ***************
https://stackoverflow.com/questions/31711307/how-to-change-color-in-shiny-dashboard
# couleurs SPF
  # bleu clair = #00b1e6
  # bleau foncé = #004192
  # rouge/rose: #e30056"
  # blanc:  #ffffff"
  
# couleurs Streamlit
  # gris:  #f0f2f6"
  # st.info: e7f2fc pour le fond, police 327484
  
# autres couleurs:
  # gris un peu plus soutenu: #E3e5e8
******************************************************/
    

/* logo */
.skin-blue .main-header .logo {
  background-color: #004192;
}

/* logo when hovered */
.skin-blue .main-header .logo:hover {
background-color: #004192;
}

/*navbar*/
.skin-blue .main-header .navbar {
  background-color: #004192;
}   

/*main side-bar en gris*/
  .skin-blue .main-sidebar {
  background-color: #E3e5e8;
}

/*fond de la page*/
.content-wrapper { 
  background-color: #ffffff;
  /*font-size: 1.2em;*/
}

/*Sidebar / SelectInput: police du label*/
.control-label{
	color: black;
	font-weight: 550;
	font-size: 1.2em;
}

/*Sidebar / SelectInput: taille de la police à l'intérieur*/
.selectize-input {
	font-size: 1.15em;
	padding-top: 5px;
}

/*Sidebar / SelectInput: taille de la police à l'intérieur*/
.selectize-dropdown {
	font-size: 1.15em;
}

/*selectInput dans le corps du texte*/
#select_in_corps .control-label{
	color: black;
	font-weight: 550;
	font-size: 1.15em;
}
#select_in_corps .selectize-input {
	font-size: 1.15em;
}
#select_in_corps .selectize-dropdown {
	font-size: 1.15em;
}


/*Action Button: police du label*/
.action-button{
	color: black;
	font-weight: 550;
	font-size: 1.05em;
	background-color:;
}

/* message renseignant sur le nombre de mesure sélectionné*/
.text_info {
  font-size: 1.15em;
  margin-left: 20px;
  padding: 10px;
  border: 2px solid;
  border-radius: 5px;
  border-color: #e7f2fc;
  background: #e7f2fc;
  }

/*box*/
.box {
  border: 1px solid;
  border-radius: 5px;
  border-color: #E3e5e8
}

/*sous-titre dans box*/
.ss_titre_mesure {
  color: #004192;
  font-size: 1.17em;
  text-decoration: underline;
}

/*texte de la mesure*/
.text_mesure {
  font-size: 1.15em;
  padding-bottom:10px;
}