[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;
  margin-top: 18px;
  z-index:400;
  background-color: whitesmoke;
}
ul,ol,li{
  list-style: none;
}
.w3-bar{
  z-index:200;
}
a{
  text-decoration: none;
}
.clicko, .clicable{
  cursor: pointer !important;
  text-decoration: none;
}
.toUpperCase{
  text-transform: uppercase !important;
}
.lineGroup{
  display: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;
}

.not-connected{
/*
  background-size: cover;
  background-image: url("../img/mask9.png");
*/
  background-color: black;
  width: 80%;
  margin: auto;
  /*margin-top: -50px;*/
  z-index:100;
}

.not-connected img{
  width:100%;
}
[class$="-yes"]{
  color: green;
}
[class$="-no"]{
  color: red;
}
[class$="-maybe"]{
  color: #00FFFF;
}
[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;
}
.filedicon-1{
  color: red !important;
}
.filedicon-2{
  color: yellow !important;
}
.filedicon-3{
  color: green !important;
}
/*blue*/
.arch-color-9{
  color: #00FFFF !important;
}
/*green*/
.arch-color-0{
  color: #90EE90 !important;
}
/*yellow*/
.arch-color-1{
  color: #FFD700 !important;
}
/*orange*/
.arch-color-2{
  color: #FF8C00 !important;
}
/*red*/
.arch-color-3{
  color: #DC143C !important;
}
/*purple*/
.arch-color-4{
  color: #8A2BE2 !important;
}
/*grey*/
.arch-color-5{
  color: #708090 !important;
}
/*black*/
.arch-color-6{
  color: #000000 !important;
}

.recap-color-0{
  color: #000000 !important;
  background-color: #40ff00 !important;
}
.recap-color-1{
  color: #000000 !important;
  background-color: #ffff00 !important;
}
.recap-color-2{
  color: #000000 !important;
  background-color: #ff8000 !important;
}
.recap-color-3{
  color: #FFFFFF !important;
  background-color:  #000000 !important;
}

.mItf{
  display: none;
  width: 80%;
  margin: auto;
}
.closeModal{
  width: 100%;
}
.update-color-blue{
  color: blue !important;
}
.update-color-red{
  color: red !important;
}

.big-form{
  width:80%;
  padding:20px;
  margin:auto;
}
.big-search{
  width:80%;
  padding:10px;
}