@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

svg.pulse-svg {
    overflow: visible;
}

    svg.pulse-svg .first-circle {
        fill: #c1a762;
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me 3s linear infinite;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }

    svg.pulse-svg .second-circle {
        fill: #c1a762;
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me 3s linear infinite;
        animation-delay: 1s;
        opacity: 0;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }

    svg.pulse-svg .third-circle {
        fill: #c1a762;
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me 3s linear infinite;
        animation-delay: 2s;
        opacity: 0;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }


/* pulse in CSS */
.pulse-css {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: tomato;
    position: relative;
}

    .pulse-css:before,
    .pulse-css:after {
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background-color: tomato;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me 3s linear infinite;
    }

    .pulse-css:after {
        animation-delay: 2s;
    }


@keyframes pulse-me {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        transform: scale(5);
        opacity: 0;
    }
}

#pulsatingLogo {
    height: 300px;
    transform: scale(1);
    animation: pulse-logo 1s infinite;
    filter: drop-shadow(0px 0px 1px darkgrey);
}

@keyframes pulse-logo {
    0% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

.cursor-loading{
    cursor:wait !important;
}

.card[disabled]{
    opacity: 0.7;
    cursor: default !important;
}