/*
    Arquivo para colocar estilos utilizados pelo script util.js;
    DEBUG: As classes devem ter o prefixo "util";
*/
@-webkit-keyframes state-loading {
    to {
        -webkit-transform:rotateZ(359deg);
        transform:rotateZ(359deg);
    }
}
@keyframes state-loading{
    to {
        -webkit-transform:rotateZ(359deg);
        transform:rotateZ(359deg);
    }
}

.util-loading {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 2px solid transparent !important;
    border-right-color: #fff !important;
    border-radius: 50% !important;
    animation: state-loading 0.7s linear infinite;
    background: none !important;
}

.util-loading.categorias-evento {
    border-right-color: black;
    flex: 0 0 15px;
}

@media (min-width: 471px) {
    .util-loading.categorias-evento {
        margin-top: 35px;
    }
}

.util-input-error {
    border: 1px solid #ff293f !important;
    -webkit-box-shadow: 0px 0px 4px rgba(245,17,48,1) !important;
    -moz-box-shadow: 0px 0px 4px rgba(245,17,48,1) !important;
    box-shadow: 0px 0px 4px rgba(245,17,48,1) !important;
}

.util-message-error {
    color: #ff293f;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

div.modal-warning-reembolso {
    margin: -10px 0px 20px 0px !important;
}