body {
}



.ui-widget-header {
    background: green;
    border: 1px solid #DDDDDD;
    color: yellow;
    font-weight: bold;
}

/* Info-bulle */ 
.infobulle { 
    text-decoration:none; 
    position:relative; 
} 
.infobulle span { 
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
} 
.infobulle span img { 
    float:left; 
    margin:0px 8px 8px 0; 
} 
.infobulle:hover span 
{ 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1000; 
    width:250px; 
    /* max-width:200px; */ 
    min-height:20px; 
    border:1px solid black; 
    margin-top:12px; 
    margin-left:32px; 
    overflow:hidden; 
    padding:8px; 
}

.progress_logo img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.qualite{
}

.qualite_saisie{
}

.modal{
    z-index: 3;
}

.img_button {
        cursor: pointer;
    }

select.readonly {
    -webkit-appearance: none;
}

td.FAIRE{
    background-color : red;
    color: white;
}
td.COURS{
    background-color : orange;
    color: white;
}
td.OK{
    background-color : green;
    color: white;
}
td.ABANDONNE{
    background-color : gray;
    color: white;
}
td.EFFICACITE {
    background-color : purple!important;
    color: white;
}


progress {
  display: block; /* default: inline-block */
  width: 300px;
  margin: 2em auto;
  padding: 4px;
  border: 0 none;
  background: #008000;
  border-radius: 14px;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
progress::-moz-progress-bar {
  border-radius: 12px;
  background: #FFF;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
  
}
/* webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  progress {
    height: 25px;
  }
}
progress::-webkit-progress-bar {
    background: transparent;
}  
progress::-webkit-progress-value {  
  border-radius: 12px;
  background: #FFF;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3); 
} 

.btn_progress p {
  text-align:center;
}
.btn_progress button {
  border: 0;
  background: #FFF;
  width: 25px;
  margin: 0 10px;
  line-height: 23px;
  font-weight: bold;
  color: #555;
  border-radius: 4px;
  box-shadow: inset 0 -2px 3px rgba(0,0,0,.4), 0 2px 5px rgba(0,0,0,0.5);
}

.barre{
    text-align:center;
    margin:auto;
    width:100%;
}

.table_stats{
    width:80%;
    margin:auto;
    margin-bottom:20px;
}

.table_stats thead{
    border:2px solid black;
    background-color:lightyellow;
}

.tab_stats_top{
    border-top: 2px solid black;
    background-color:lightgreen;
}

.tab_stats_top td:first-child{
    border: 2px solid red;
    font-weight:bold;
}

.tab_stats_top td:last-child{
    border-right: 2px solid black;
}

.tab_stats_mid{
    background-color:lightblue;
}

.tab_stats_mid td:last-child{
    border-right: 2px solid black;
}

.tab_stats_bot{
    border-bottom: 2px solid black;
    background-color:lightcyan;
}

.tab_stats_bot td:last-child{
    border-right: 2px solid black;
}

.point_qualite_on{
    background-color:lightblue;
}

.yellow{
    background-color: yellow;
}
.btn_dys{
    border: 1px solid black;
    background-image: linear-gradient(100deg, lightgrey, dimgrey);
}
.question_action span{
    font-size:x-large;
}
.glyphicon-arrow-down{
    color : red!important;
}
.glyphicon-arrow-up{
    color : green!important;
}
.glyphicon-arrow-right{
    color : orange!important;
}