/*
 * Link para nova ficha de tramitação
 */
.ficha-virada {
    margin-bottom: 1em;
}

.ficha-virada__link {

    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    color: #fff;
    background-color: #2f7958;
    border-color: #2f7958;
    border-width: 0.125rem;
    border-bottom: 0.1875rem solid #255f45;
    font-size: 1em;
    font-weight: 600;
    white-space: normal;
    padding: 0.375rem 1.125rem;
    text-transform: uppercase;

    /* Para telas menores */
    width: 100%;
}

@media (min-width: 576px) {
    .ficha-virada__link {
        /* Para telas maiores */
        width: auto;
    }
}

.ficha-virada__link:hover,
.ficha-virada__link:focus {
    text-decoration: none;
    color: #fff;
    background-color: #245d44;    
    border-color: #134830;
}

.ficha-virada__link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(47, 121, 88, 0.5);
}

.ficha-virada__link:not(:disabled):active {
    color: #fff;
    background-color: #21543d;
    border-color: #1d4b37;
}


.ficha-virada__icone {
    margin-right: 0.65rem;

    height: 12px;
    width: 20px;

    background: url(../imagens/ico-olho-ficha-tramitacao.png) no-repeat;
    display: inline-block;

    background-size: 100%;
}


/* Animação usada no link para nova ficha de tramitação: pulse */

.pulse-element {
    animation-delay: 2s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: pulse-element-animation;
}

@keyframes pulse-element-animation {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.10,1.10,1.10)
    }

    to {
        transform: scaleX(1)
    }
}