body{
	background-color:white;
}

 
.selectize-control{
  width:100px;
}
 
#main{
max-width:1280px;
min-height:100%;
margin:0 auto;
position:relative;
}
 

.container-fluid {
padding-right:0%;
padding-left:0%;}

.navbar > .container-fluid {
margin-right:-15%;
margin-left:-15%;}

.navbar {
margin-bottom:0px;
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

footer a{
  color:white;
}
body {
  position: relative;
  margin: 0;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

footer{
  position:absolute;
bottom:0;
width:100%;
/*height:50px;*/ /* Height of the footer */
color: white;
padding: 10px;
background-color: rgb(2,128, 170);
margin-bottom:0px;

}
#refresh {
	text-align: center;
	z-index:1;
	margin-top: 15px;	
	text-decoration: none;
	color:black;
}

#refresh > a{
	display:block;
}

#lang{
	z-index:1;
	width:75px;
	/*margin-top: 50px*/
}

#lang .selectize-dropdown, #lang .selectize-input{
	background-color: transparent;
}

.option .active {
	background-color: transparent;
}


#bandeau-tx {

	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	/*background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;*/
	/*background-image: url('stockvault-fruits-and-vegetables139284.png');*/	
	/*border-bottom: 4px solid green;*/
	position:relative;
	/*width:120%;
	/*margin-top: -20px;*/
	/*margin-bottom: 20px;*/
	text-align: center;
}
.titre h1{
/*	padding-top: 20px;*/
	color: #000000;
	/*margin-top: 87px;*/
	/*margin-bottom: -11px;*/
	margin-top:0px;
}

.sous-titre h3{
	color: #000000;
}

.sous-titre strong{
}

#appli{
	text-align: center;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	color: green;
	padding: 10px;
	vertical-align: middle;
	margin-left: 30px;
}

#appli p{
	opacity: 0.6;
	margin-bottom: 5px;
}

#appli img{
	width: 313%;
	margin-left: 185px;
}



#CGUdiv{
	color: white;
	font-size: small;
	font-style: italic;
	padding: 5px;
}
#CGU{
padding-right: 0px;
}
#CGUdiv a{
	color: white;
		font-weight: bold;
}


.docs{
	margin: 0px 20px;
}

.docs .list-group-item{
	border-radius: 10px;
	padding:0px 10px;
}

.docs .list-group-item img{
	width:40px;
	padding: 5px;
}

#choix_profil{	
	display: inline;
	position: relative;
	/*margin:0px 0px 0px 90px;*/
	height: auto;
		/*width: 1000px;*/
font-size:20px;
}



.checkbox-inline, .radio-inline {
	margin-top: 0px;
	font-size: 20px;
	width: 170px;
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
	
	width: 248px;
}

.Titre_RBT{
	margin-top: 20px;
	margin-bottom: -10px;
	padding-top:0px;
}

/*
.shiny-input-container	{
	margin:0px;
}*/

.aide{
	margin: 5px 0px;
	height: 32px;
	width:32px;
}

h2{
    font-size: 25px;
       color: cadetblue;
    text-align: center;
	margin-top:0px;
	margin-bottom:0px;
}

.title h2{ 
text-align: center;
    color: #54aa35;
    font-weight: bold;
	font-size:32px;
   }

#categories, #autre{
	width: 100%;
}

.formulaire, .white {
	/*margin: 10px;*/
	margin:0px;
	/*box-shadow: 1px 1px 12px #555;*/
/*	border-radius: 4px;*/
	background-color: #f5f5f5;
	padding: 10px;
}

.shiny-input-container{
	width: 300px;
	max-width: 100px;
	margin: 13px 1px;
}
.form-control{
	height: 34px;
	font-size: 14px;
	padding:3px;
	color: #555;
	align-content: right;
}

.etape2bis{
  padding-right:0px;
  padding-left:0px;
}
.shiny-input-container{
  margin : 5px 1px;
}

#etapebis .col-sm-4{
  padding-left:3px;
  padding-right:3px;
}
label {
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	color: #000000;
	font-size: 13px;
	margin-bottom : 0px;
	display:inline;
	float: left;
	width: 152px;
	text-align: left;
	margin-right: 0.5em;
}
#choixsel_UI label {
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	color: #000000;
	font-size: 13px;
	margin-bottom : 0px;
	display:inline;
	float: left;
	width: 70px;
	text-align: left;
	margin-right: 0.5em;
}
#choixsel_UI .selectize-input{
    width: 140px;}

label + .form-control {
	width: 55px;
	margin: 0% 0% 0% 0%;
}

label.control-label, .selectize-control.single { 
               display: table-cell; 
             /*  text-align: center; 
               vertical-align: middle; */
} 
/*label.control-label {
               padding-right: 10px;
}*/
/*
.form-group { 
               display: table-row;
               margin-bottom:10px;
}
.selectize-control.single div.item {
               padding-right: 15px;
}*/

#form-control, #nomaliment{
	width: 68%;
}

.radio label{
	min-height: 20px;
	font-weight: 400;
	cursor: pointer;
	width: 230px;
	padding-top: 10px;
}
		

.col-sm-10{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

.col-sm-8{
	position: relative;
	min-height: 1px;
	padding-right: 0px;

}


#sodiumvaleur{
	padding: 6px;
	width: 50px;
}


.shiny-output-error	{
	color:red;
}

.gras {
	text-align: center;
	font-weight: bold;
	color: #333399;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	vertical-align: top;
}

h6 {
	font-family: "franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
        color: #FF0033;
	text-align:center;
}

.dataTable,.dataTable thead{
	border: solid black 2px;
}

.dataTables_length, .dataTables_filter{
	margin-bottom: 10px;
}

.row.white{
	background-color: white;
}

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

#saj, #fl{
	margin-bottom: 0px;
}

.grastableau {
	font-weight: bold;
}

.tri .sorting{
	background-image: url("./arrows.png");
}

#refresh img{	
   	width: 30px;
   	margin-top: 15px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
 }
 
#barre{
	text-align:center;
	margin-top: 30px;
	/*padding-top: 30px;*/
	margin-left: 5px;
	margin-right: 5px; 
	border-top: solid black 2px;
}


@media only screen and (max-width: 360px) {
/*
#leg{
		width:160%;
}*/

   body {
   	font-size: 10px; 
   }

   #titre, #subtitre, h2, h3{
   	font-size: 18px;
   }

   img{
   	width: 143px;
   }



}

@media only screen and (min-width: 361px) and (max-width: 992px) {
   img{
   	width: 206px;
   }

/*
#leg{
		width:90%;
} */
}

@media only screen and (min-width: 993px) and (max-width: 1280px) {

   img{
   	width: 206px;
   }

/*
#leg{
		width:70%;
}*/


}

@media only screen and (min-width: 1281px){

   img{
   	width: 200px;
   }

/*
#leg{
		width:40%;
}*/


}

.name_input{
text-decoration: none !important;
color: black;
}



/*.svg-inline-container {
width: 65% !important;
}*/


@media only screen and  (max-width: 576px) {
/*        #text_declass{
  margin-top:-70%
}   /*#plot .container{
width: 500px !important;
} */
/* 
#plot{
padding-top: 0 !important;
width:100%;
margin:auto;
}*/
body{
  padding-bottom: 20rem;
}

}
@media only screen and (min-width: 577px) and (max-width: 768px) {
 /*     #text_declass{
  margin-top:0%
} 
  #plot .container{
width: 500px !important;
}*/
body{
  padding-bottom: 10rem;
}
/* 
#plot{
/*padding-top: 0 !important;*//* 
width:90%;
margin:auto;

}*/
  
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
/*p#plot{
/*padding-top: 0 !important;*//*p
width:60%;
margin:auto;
}*/
body{
  padding-bottom: 10rem;
}
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
/*#plot{
/*padding-top: 0 !important;*//*
width:55%;
margin:auto;
}*/

body{
  padding-bottom: 6rem;
}
}

@media only screen and (min-width: 1100px) and (max-width: 1599px){
/*#plot{
/*padding-top: 0 !important;*/ /*
width:35%;
margin:auto;
}*/ 
body{
  padding-bottom: 6rem;
}
  
}
@media only screen and (min-width: 1600px){
/*#plot{
/*padding-top: 0 !important;*//*
width:27%;
margin:auto;
}*/ 
body{
  padding-bottom: 6rem;
}
  
}


#plot{
  margin-top:-30px;
}
#nutri_toolip{
  width:30%;
}
#sens_toolip{
  width:30%;
}

#etape12 label, #autre_RBT2 label, #autre_RBT label{
  font-size:14px;
}

.frame {
    height: 65px;      /* equals max image height */
    width: 160px;
    white-space: nowrap;
    
    text-align: center; 
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.jumb_autre{
      background-color: #e0e0e0;
    margin-top: 10px;
    border-radius: 10px;
    padding: 0px 5px 10px 10px;
    border: 1.5px solid #c4c4c4;
}


.panel-formulaire {
     box-shadow: 1px 1px 6px #555;
     margin-left:20px;
     margin-right:20px;
}

.panel-formulaire>.panel-heading {
    color: #fff;
}

.panel-heading{
  border-radius:0px;
  font-size: 20px;
  text-align: center;
}

#resultats{
  margin: 10px;
}
.panel{
  border:3px solid transparent;
}

.panel-body{
  padding:0px;
}

.btn-primary{
   background-color: rgb(2,128, 170);
}

.modal-title{
  font-size: 22px;
  text-align: center;
}

.text_bold{
	font-weight:bold;
}