/*
 FinancialManager Plugin
 @version 1.0
 @author Skiils
*/
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

/*
 La barre de progression de l'import d'ecritures. Le socle stylise .progress
 mais pas la barre elle-meme : sans ces regles, une barre a 40 % ne se voit pas.
*/
.import-progress-bar {
    height: 100%;
    background-color: #0cc2aa;
    transition: width .2s linear;
}

/*
 Tant que le serveur n'a rien annonce, la barre remplit toute la largeur et
 s'anime : elle dit « ca travaille » sans pretendre savoir ou l'on en est.
*/
.import-progress-bar.is-waiting {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    animation: import-progress-stripes 1s linear infinite;
}

@keyframes import-progress-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}