/* Veja exemplo de aplicação 
   na função AvisoVencimentoLicenca() 
   em UtilDBService */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*$span->style .= ' animation: fadeIn 1.2s ease-in-out;';*/

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
/*$span->style .= ' animation: pulse 1s infinite;';*/

@keyframes zoomIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
/* $span->style .= ' animation: zoomIn 1s forwards;'; */

@keyframes zoomOut {
        from {
            opacity: 1;
            transform: scale(1);
        }
        to {
            opacity: 0;
            transform: scale(0.3);
        }
    }
/* $span->style .= ' animation: zoomOut 1s forwards;' */

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* $span->style .= ' animation: rotate 2s linear infinite;'; */

@keyframes rotateIn {
        from {
            transform: rotate(-180deg);
            opacity: 0;
        }
        to {
            transform: rotate(0);
            opacity: 1;
        }
    }
  /* $span->style .= ' animation: rotateIn 1s forwards;' */  

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
/* $span->style .= ' animation: bounce 1s infinite;'; */

 @keyframes bounceIn {
        from {
            opacity: 0;
            transform: scale(0.3);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
/* $span->style .= ' animation: bounceIn 1s forwards;' */

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
/*$span->style .= ' animation: slideInLeft 1s forwards;';*/

@keyframes slideInUp {
        from {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
/* $span->style .= ' animation: slideInUp 1s forwards;'; */


@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* $span->style .= ' animation: fadeOut 1s forwards;'; */

@keyframes flipY {
        from {
            transform: perspective(400px) rotateY(180deg);
            opacity: 0;
        }
        to {
            transform: perspective(400px) rotateY(0);
            opacity: 1;
        }
    }

/* $span->style .= ' animation: flipY 1s forwards;' */

 @keyframes scaleOut {
        from {
            transform: scale(1);
            opacity: 1;
        }
        to {
            transform: scale(0);
            opacity: 0;
        }
    }
/* $span->style .= ' animation: scaleOut 1s forwards;' */

@keyframes swing {
        20% {
            transform: rotate(15deg);
        }
        40% {
            transform: rotate(-10deg);
        }
        60% {
            transform: rotate(5deg);
        }
        80% {
            transform: rotate(-5deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }
/* $span->style .= ' animation: swing 1s forwards;'; */

@keyframes shake {
        0%, 100% {
            transform: translateX(0);
        }
        10%, 30%, 50%, 70%, 90% {
            transform: translateX(-10px);
        }
        20%, 40%, 60%, 80% {
            transform: translateX(10px);
        }
    }
/* $span->style .= ' animation: shake 1s forwards;'; */


/*.tselect_disabled, .tfield_disabled, .tcombo_disabled, .form-control:disabled, .form-control[readonly] {*/
/*    background-color: red !important;    */
/*    opacity: 1;*/
/*    color: #516283 !important;*/
/*}*/