body{
  margin:0;
  width:100%;
  font-family: 'Rubik', sans-serif;
  color:#2f2f2f;
}

#logo{
  width:150px;
  margin-top:20px;
  margin-left:20px;
}

#txt-logo{
  font-size:0.8em;
  margin:0;
  margin-top:5px;
}

#logout{
  float:right;
  margin-top:20px;
  margin-right:20px;
  font-weight:500;
  text-decoration:none;
  color:#2f2f2f;
  font-size:0.9em;
}

#search{
  margin:auto;
  margin-top:50px;
  padding:10px;
  text-align:center;
  max-width:600px;
  width:calc(100% - 20px);
}

#affiliate{
  margin:auto;
  margin-top:50px;
  padding:10px;
  max-width:600px;
  width:calc(100% - 20px);
}

.affiliate-title{
  float:left;
  margin:0;
  width:220px;
}

.affiliate-bloc{
  margin-top:15px;
  padding:15px;
  border:1px solid #e5e5e5;
  border-radius:3px;
  font-weight:500;
}

#affiliate-people{
  border:1px solid #e5e5e5;
  margin-top:30px;
  height:250px;
  overflow-y:scroll;
}

.row-affiliate{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  padding:10px;
  border-bottom:1px solid #e5e5e5;
}

.column-affiliate{
  text-align:center;
  margin:0;
  flex:1;
}

.affiliate-text{
  float:left;
  color:grey;
  font-weight:300;
  margin:0;
}

#search input{
  width:100%;
  height:60px;
  border-radius:3px;
}

#search input[type="text"]{
  border:1px solid #e5e5e5;
  padding-left:10px;
  width:calc(100% - 14px);
  font-size:1em;
  font-family:"Rubik", sans-serif;
}

#search input[type="text"]::placeholder{
  color:#cdcdcd;
}

#search input[type="button"]{
  border:none;
  background-image: linear-gradient(90deg, #eb3349,#f45c43);
  cursor:pointer;
  color:white;
  font-family:"Rubik", sans-serif;
  font-size:1em;
  margin-top:15px;
}

#file{
  text-align:center;
  margin:auto;
  margin-top:60px;
  width:calc(100% - 20px);
  max-width:600px;
  padding:10px;
}

#photo-influ{
  width:150px;
  border-radius:100%;
}

#name-influ{
  font-weight:500;
  font-size:3em;
  margin:0;
}

#mark-bloc{
  margin-top:40px;
  padding:10px;
  background-color:#f9f9f9;
}

#mark{
  font-size:3.5em;
  margin:0;
  font-weight:500;
  color:#2e6f37;
}

#hundred{
  font-size:0.4em;
  color:#bcbcbc;
}

#text-mark{
  font-size:1.5em;
  margin:0;
}

#bloc-numbers{
  margin-top:25px;
}

.bloc-number p{
  margin:0;
}

.number{
  font-size:2em;
  font-weight:400;
}

.txt-number{
  font-size:1em;
  font-weight:500;
}

#numbers-left{
  float:left;
  width:30%;
  text-align:center;
  margin-top:-25px;
}

#numbers-right{
  float:right;
  width:30%;
  text-align:center;
  margin-top:-25px;
}

#numbers-middle{
  width:30%;
  margin:auto;
  margin-top:25px;
}

.bloc-number{
  margin-top:25px;
}

#emailbus{
  clear:both;
}

#title-emailbus{
  margin:0;
  margin-top:60px;
  font-weight:500;
  font-size:2em;
}

#email{
  margin-top:10px;
  font-size:1.2em;
  color:grey;
}

#title-theme, #title-story-price, #title-post-price, #title-story-num, #title-followers-6{
  margin:0;
  margin-top:60px;
  font-weight:500;
  font-size:2em;
}

#hashtag, #story-price, #post-price, #story-num, #followers-6{
  margin-top:10px;
  font-size:1.2em;
  color:grey;
}

#criteres{
  text-align:left;
}

.critere{
  margin-top:40px;
}

.title-critere{
  font-size:1.5em;
  font-weight:500;
  margin:0;
}

.txt-critere{
  margin:0;
  margin-top:10px;
  color:grey;
  font-size:1.2em;
}

#error, #error2{
  font-size:0.9em;
  color:#b23d3d;
  text-align:center;
}

#loadnumber{
  margin-top:50px;
  font-size:1.2em;
  font-weight:500;
  margin-bottom:10px;
}

#login{
  max-width:400px;
  margin:auto;
  padding:10px;
}

#form-log{
  margin-top:150px;
  width:100%;
  text-align:center;
}

#form-log input{
  width:100%;
  margin-top:10px;
  height:50px;
  border-radius:3px;
  border:2px solid #dadada;
}

#form-log input[type="email"]{
  padding-left:10px;
  width:calc(100% - 14px);
}

#form-log input[type="password"]{
  padding-left:10px;
  width:calc(100% - 14px);
}

#form-log input[type="submit"]{
  cursor:pointer;
  background-image: linear-gradient(90deg, #eb3349,#f45c43);
  border:none;
  color:white;
  font-family:"Rubik", sans-serif;
  font-size:0.9em;
}

.input-search{
    width:calc(100% - 11px) !important;
    padding-left:10px;
    margin-top:5px;
    height:30px !important;
    border-radius:3px;
    border:1px solid #dadada;
    text-align:left;
}

.label-input-search{
  margin:0;
  text-align:left;
}

.bloc-flex{
  text-align:left;
  flex:1;
  margin:0px 5px 0px 5px;
}

.filtre-search{
  margin-top:10px;
  display:flex;
}

#similarall, #similarsave{
  max-width: 600px;
  width: calc(100% - 20px);
  margin: auto;
}

.similar{
  text-align:left;
  display:flex;
  margin-top: 10px;
  padding: 10px;

  border-bottom:1px solid #dedede;
}

.similarbox{

}

#savecsv{
  float:right;
  margin:auto;
  padding:5px;
  text-align:center;
  cursor:pointer;
  background-image: linear-gradient(90deg, #eb3349,#f45c43);
  color:white;
  font-family:"Rubik", sans-serif;
  font-size:0.8em;
  border:none;
  border-radius:3px;
  margin-bottom:30px;
}

.age-bloc, .gender-bloc{
  display:flex;
  margin-top:10px;
}

.age-interval, .gender{
  margin:0;
  margin-right:15px;
  width:50px;
  text-align:right;
}

.age-percent, .gender-percent{
  margin:0;
  margin-left:5px;
}

.age-progress, .gender-progress{
  width:350px;
  height:20px;
  background-color:#eb3349;
  border-radius:2px;
}