#affichage
{
  width: 220px;
}

#affichage #aff_fichiers {

    max-height: 100px;
    overflow-y: scroll;
    overflow-x:hidden;
    -ms-overflow-style: none;
    scrollbar-width: thin;
}

#affichage #aff_total
{
  width: 210px;
}


#affichage .title_total
{
  text-align: right; 
  display: inline-block;
  width: 95px;
}


#affichage .calcul_taille {

    float: right;
    clear: right;

}

#affichage li span[class^="file_"]
{
  display: inline-block;
  width: 65px;
  height: 20px;
  word-break: keep-all;
  overflow: hidden;
  vertical-align: middle;
}

#affichage li
{
    clear:right;
    width: 205px;
    padding-left: 5px;
}

#affichage .file_wrong
{
    text-decoration: line-through;
}

#affichage input
{
    display:inline-block;
    width: 50px;
    text-align: right;
}

[name="files_to_count"] .btn-file-label
{
    width:124px;
    overflow:hidden;
}

.calcul_taille input
{
    width: 90px;
    padding: 0px !important;
    margin: 0px !important;
    position: relative;
    top:0px;
    -moz-appearance:textfield;
}


.calcul_taille input::-webkit-inner-spin-button, 
.calcul_taille input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Loader */

.loader_countword {
    clear:right;
    float:right;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 20px;
    height: 20px;
    display : inline-block;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}