[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:14px;
  position: relative;
  z-index:200;
  margin-top: 18px;
  background-color: whitesmoke;
}
.clickable,.clicko{
  cursor: pointer !important;
}
.toUpperCase{
  text-transform: uppercase !important;
}
#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";
}
/********************************************/

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;*/
}
.crits-true{
  color:blue;
}
.crits-false{
  color:red;
}
td, th{
  text-align: left !important;
}

.haschange-true{
  color:red;
}
.haschange-false{
  color: black;
}
.haschangeicon-true{
  color:red;
}
.haschangeicon-false{
  color: black;
  display: none;
}
.arch-color-0{
  color: lime !important;
}
.arch-color-1{
  color: yellow !important;
}
.arch-color-2{
  color: orange !important;
}
.arch-color-3{
  color: red !important;
}
.arch-color-4{
  color: purple !important;
  /*color: orange !important;*/
}
.arch-color-5{
  color: black !important;
  /*color: orange !important;*/
}

#mItf{
  display: none;
  width: 80%;
  margin: auto;
}
.closeModal{
  width: 100%;
}