:root{
  --fablab-ulb:#ff581c;
  --ulb-light-blue:#B1C1E5;
  --ulb-blue:#004B93;
}

body{
  background-color : #f8f9fa;
}

.navbar{
  background-color : #fff;
}

.navbar-brand img{
  height : 40px;
}
.navbar-brand span{
  color:var(--fablab-ulb);
  vertical-align : middle;
}

.navbar a:focus {
  border : 0;
  outline : 0;
}

.container{
  background-color : #fff;
  padding : 30px 30px 30px 30px;
  margin-top : 30px;
  margin-bottom : 30px;
  box-shadow : 20px 20px 5px #f0f2f4;
  min-height : 100vh;
}

img {
  max-width : 100%;
}


.separator {
    border-top: 1px dotted #bbb;
    padding-bottom : 20px;
    padding-top : 20px;
}

.team-member img {
    width : 250px;
    border: 7px solid #ff8f66; /*is lighter #ff581c*/
}

#portraitsMin{
  margin : 20px;
}
#portraitsMin img {
  border: 3px solid #ff8f66; /*is lighter #ff581c*/
  width : 100px;
  margin : 15px;
}

.team-member p.roles{
  color : #888;
  font-style : italic;
}

pre {
  padding : 0.5em;
}

code {
  color : var(--fablab-ulb);
}

table tr:nth-child(odd) td{
  background-color: #eee;
}

footer{
  color : #555;
  margin : 20px auto 20px auto;
  border-top: 1px dotted #ccc;
  /*     position : relative; */
/*     float : right; */
/*     right : 0; */
    font-size : 15px;
/*     top : -20px; */
}

footer dd{
  text-align : left;
  text-indent : 1em;
}

footer * img.logo{
  height : 40px;
}


#cy {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
}

.popper-div { /* just an example */
  border: 1px solid red;
  background: #fff;
  z-index: 9999;
  padding: 0.25em;
  pointer-events: none;
}