[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html,body{
  /*height:100%;
  width:100%;*/
  font-size:16px;
  position: relative;
  margin-top: 18px;
  background-color: whitesmoke;
  z-index:200;
}
.clicko, .clicable{
  cursor: pointer !important;
}
.center{
  text-align: center;
}
.marged{
  width: 90%;
  margin: auto;
}
a{
  text-decoration: none;
}
#mshow{
  display:none;
  position:absolute;
  z-index:400;
  height:150px;
  width: 150px;
  top:80px;
  left: 50%;
  overflow: auto;
  transform: translate(-50%);
  text-align: center;
}
#mshow img{
  width: 100%;
}
#fenetre{
  margin-top:50px;
}
#modaly{
  display:none;
  position: fixed;
  top:50px;
  width: 500px;
  /*height: 300px;*/
  margin:auto;
  text-align: center;
  z-index:500;
  background-color: whitesmoke;
  opacity: 0.8;
}
#modaly-content video{
  position: relative;
  /*opacity: 0.8;*/
}
#modaly-btn{
  position:absolute;
  background-color: grey;
  width:20px;
  height:20px;
  top:0;
  right:0;
}
.lineMovie{
  display:none;
}
.lineMovie input{
  width:100%;
}

#table-sounds td{
  max-width: 20% !important;
}

[class$="-yes"]{
  color: green;
}
[class$="-no"]{
  color: red;
}
[class$="-maybe"]{
  color: lightskyblue;
}
[class$="-medium"]{
  color: yellow;
}
span[class*="video"]::before,span[class*="audio"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size:1.4em;
}
span[class*="video"][class$="-no"]::before{
  content: "\f4e2";
}
span[class*="video"]::before{
  content: "\f03d";
}
span[class*="audio"]::before{
  content: "\f028";
}
span[class*="audio"][class$="-no"]::before{
  content: "\f026";
}
.hasImg-true{
  font-weight: normal;
  color: inherit;
}
.hasImg-false{
  font-weight: bold;
  color: purple;
}
.has-img-true{
  font-weight: normal;
}
.has-img-false{
  font-weight: bold;
  color: orange;
}
.has-info-true{
  font-weight: normal;
}
.has-info-false{
  font-weight: bold;
  color: orange;
}
.propal{
  background-color:white;
  color: green;
  text-align: center !important;
}
.focused-false{
  background-color: inherit;
  color: black;
  font-weight: normal;
}
.focused-true{
  background-color: black;
  color: white;
  font-weight: bold;
}
.greened-false{
  background-color: yellow;
  color: red;
  font-weight: bold;
}
.greened-true{
  background-color: inherit;
  color: black;
  font-weight: normal;
}
label{
  word-break: break-word;
}
/********************************************/
table, th , td {
  /*border: 1px solid grey;
  border-collapse: collapse;*/
  /*padding: 5px;*/
}
table > thead tr{
  /*background-color: #fbfbfb;*/
  font-weight:bold;
}
table > tbody tr:nth-child(odd) {
  /*background-color: #ffffff;*/
}
table > tbody tr:nth-child(even) {
  /*background-color: ghostwhite;*/
  /*background-color: #fbfbfb;*/
}