@keyframes shake {
    0% {
        margin-left: 0rem;
    }

    25% {
        margin-left: 0.5rem;
    }

    75% {
        margin-left: -0.5rem;
    }

    100% {
        margin-left: 0rem;
    }
}
.fs-64 {
    font-size: 64px !important;
}
input.invalid {
    animation: shake 0.2s ease-in-out 0s 2;
    /*box-shadow: 0 0 0.6rem #ff0000;*/
}

body.loading {
    overflow: hidden;
}

.loading-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 1500;
}

.loading-spinner {
    position: absolute;
    left: 50%;
    top: 35%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    animation: rotation .75s infinite linear;
    border-left: 10px solid rgba(0,174,239,.15);
    border-right: 10px solid rgba(0,174,239,.15);
    border-bottom: 10px solid rgba(0,174,239,.15);
    border-top: 10px solid rgba(0,174,239,.8);
    border-radius: 100%;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* Para mostrar info en fuente */
.icon {
    width: 3rem;
}

.item {
    width: 100%;
}


textarea.no-resize {
    resize: none;
}