﻿.panel.work-progress-table > .panel-heading {
    background: none repeat scroll 0 0 #efefef;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #333333;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.3px;
    padding: 17px 30px 11px;
    width: 100%;
}

.work-progress-table > .panel-heading > i {
    color: #888888;
    float: left;
    font-family: Lato;
    font-size: 11px;
    font-style: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 7px;
    width: 100%;
}

.panel-default > .panel-heading > .dropdown {
    float: right;
    margin-top: -42px;
}

/* Work Progress table */
.panel.work-progress-table {
    border: medium none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    float: left;
    margin: 0;
    width: 100%;
}

    .panel.work-progress-table > .panel-heading {
        background: none repeat scroll 0 0 #efefef;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        color: #333333;
        float: left;
        font-family: roboto;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.3px;
        padding: 17px 30px 11px;
        width: 100%;
    }

.work-progress-table > .panel-heading > i {
    color: #888888;
    float: left;
    font-family: Lato;
    font-size: 11px;
    font-style: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 7px;
    width: 100%;
}

.panel-default > .panel-heading > .dropdown {
    float: right;
    margin-top: -42px;
}

.work-progress-table td .progress {
    background: none repeat scroll 0 0 #f3f3f3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 6px;
    margin: 7px 0 0;
    overflow: visible;
}

    .work-progress-table td .progress > .progress-bar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        position: relative;
    }

        .work-progress-table td .progress > .progress-bar > span {
            background: none repeat scroll 0 0 #8d8d8d;
            font-family: Roboto;
            font-size: 14px;
            height: 18px;
            line-height: 18px;
            margin-top: -9px;
            position: absolute;
            right: 0;
            top: 50%;
            width: 31px;
        }

.work-progress-table .table td {
    padding: 15px 10px;
}

/*--Aqui es el tamaño de la fuente de la tabla en td*/
.work-progress-table .table td {
    font-family: Lato;
    font-size: 18px;
    letter-spacing: 0.3px;
    padding: 15px 10px;
}

.red, .support-ticket .removed, .edit-remove > li > .remove, .friend-list li > span.offline:before {
    background: -moz-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3b3b), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top, #ff5959 0%,#ff3b3b 100%);
    background: -o-linear-gradient(top, #ff5959 0%,#ff3b3b 100%);
    background: -ms-linear-gradient(top, #ff5959 0%,#ff3b3b 100%);
    background: linear-gradient(to bottom, #ff5959 0%,#ff3b3b 100%);
    color: #fff;
}


.green, .support-ticket .removed, .edit-remove > li > .remove, .friend-list li > span.offline:before {
    background: -moz-linear-gradient(top, #22c96d 0%, #22c96d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22c96d), color-stop(100%,#22c96d));
    background: -webkit-linear-gradient(top, #22c96d 0%,#22c96d 100%);
    background: -o-linear-gradient(top, #22c96d 0%,#22c96d 100%);
    background: -ms-linear-gradient(top, #22c96d 0%,#22c96d 100%);
    background: linear-gradient(to bottom, #22c96d 0%,#22c96d 100%);
    color: #fff;
}

.yellow, .support-ticket .removed, .edit-remove > li > .remove, .friend-list li > span.offline:before {
    background: -moz-linear-gradient(top, #c98f22 0%, #c98f22 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c98f22), color-stop(100%,#c98f22));
    background: -webkit-linear-gradient(top, #c98f22 0%,#c98f22 100%);
    background: -o-linear-gradient(top, #c98f22 0%,#c98f22 100%);
    background: -ms-linear-gradient(top, #c98f22 0%,#c98f22 100%);
    background: linear-gradient(to bottom, #c98f22 0%,#c98f22 100%);
    color: #fff;
}


/*--------- param modelo de cuadro para texto*/



    .label[class*="span"][class*="arrow"] {
        min-height: 0
    }

.badge {
    text-shadow: none;
    font-size: 24px;
    padding: 1px 15px;
    font-weight: normal;
    line-height: 15px;
    background-color: #ABBAC3 !important;
}

.label-transparent,
.badge-transparent {
    background-color: transparent !important
}

.label-grey,
.badge-grey {
    background-color: #a0a0a0 !important
}

.label-info,
.badge-info {
    background-color: #3a87ad !important
}

.label-primary,
.badge-primary {
    background-color: #2283c5 !important
}

.label-success,
.badge-success {
    background-color: #82af6f !important
}

.label-important,
.badge-important {
    background-color: #d15b47 !important
}

.label-inverse,
.badge-inverse {
    background-color: #333 !important
}

.label-warning,
.badge-warning {
    background-color: #f89406 !important
}

.label-pink,
.badge-pink {
    background-color: #d6487e !important
}

.label-purple,
.badge-purple {
    background-color: #9585bf !important
}

.label-yellow,
.badge-yellow {
    background-color: #fee188 !important
}

.label-light,
.badge-light {
    background-color: #e7e7e7 !important
}

.badge-yellow,
.label-yellow {
    color: #963 !important;
    border-color: #fee188
}

.badge-light,
.label-light {
    color: #888 !important
}

.label.arrowed,
.label.arrowed-in {
    position: relative;
    margin-left: 9px
}

    .label.arrowed:before,
    .label.arrowed-in:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 9px 7px;
        border-right-color: #abbac3
    }

    .label.arrowed-in:before {
        border-color: #abbac3;
        border-left-color: transparent !important;
        left: -9px
    }

.label.arrowed-right,
.label.arrowed-in-right {
    position: relative;
    margin-right: 9px
}

    .label.arrowed-right:after,
    .label.arrowed-in-right:after {
        display: inline-block;
        content: "";
        position: absolute;
        right: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 9px 7px;
        border-left-color: #abbac3
    }

    .label.arrowed-in-right:after {
        border-color: #abbac3;
        border-right-color: transparent !important;
        right: -9px
    }

.label-info.arrowed:before {
    border-right-color: #3a87ad
}

.label-info.arrowed-in:before {
    border-color: #3a87ad
}

.label-info.arrowed-right:after {
    border-left-color: #3a87ad
}

.label-info.arrowed-in-right:after {
    border-color: #3a87ad
}

.label-primary.arrowed:before {
    border-right-color: #2283c5
}

.label-primary.arrowed-in:before {
    border-color: #2283c5
}

.label-primary.arrowed-right:after {
    border-left-color: #2283c5
}

.label-primary.arrowed-in-right:after {
    border-color: #2283c5
}

.label-success.arrowed:before {
    border-right-color: #82af6f
}

.label-success.arrowed-in:before {
    border-color: #82af6f
}

.label-success.arrowed-right:after {
    border-left-color: #82af6f
}

.label-success.arrowed-in-right:after {
    border-color: #82af6f
}

.label-warning.arrowed:before {
    border-right-color: #f89406
}

.label-warning.arrowed-in:before {
    border-color: #f89406
}

.label-warning.arrowed-right:after {
    border-left-color: #f89406
}

.label-warning.arrowed-in-right:after {
    border-color: #f89406
}

.label-important.arrowed:before {
    border-right-color: #d15b47
}

.label-important.arrowed-in:before {
    border-color: #d15b47
}

.label-important.arrowed-right:after {
    border-left-color: #d15b47
}

.label-important.arrowed-in-right:after {
    border-color: #d15b47
}

.label-inverse.arrowed:before {
    border-right-color: #333
}

.label-inverse.arrowed-in:before {
    border-color: #333
}

.label-inverse.arrowed-right:after {
    border-left-color: #333
}

.label-inverse.arrowed-in-right:after {
    border-color: #333
}

.label-pink.arrowed:before {
    border-right-color: #d6487e
}

.label-pink.arrowed-in:before {
    border-color: #d6487e
}

.label-pink.arrowed-right:after {
    border-left-color: #d6487e
}

.label-pink.arrowed-in-right:after {
    border-color: #d6487e
}

.label-purple.arrowed:before {
    border-right-color: #9585bf
}

.label-purple.arrowed-in:before {
    border-color: #9585bf
}

.label-purple.arrowed-right:after {
    border-left-color: #9585bf
}

.label-purple.arrowed-in-right:after {
    border-color: #9585bf
}

.label-yellow.arrowed:before {
    border-right-color: #fee188
}

.label-yellow.arrowed-in:before {
    border-color: #fee188
}

.label-yellow.arrowed-right:after {
    border-left-color: #fee188
}

.label-yellow.arrowed-in-right:after {
    border-color: #fee188
}

.label-light.arrowed:before {
    border-right-color: #e7e7e7
}

.label-light.arrowed-in:before {
    border-color: #e7e7e7
}

.label-light.arrowed-right:after {
    border-left-color: #e7e7e7
}

.label-light.arrowed-in-right:after {
    border-color: #e7e7e7
}

.label-grey.arrowed:before {
    border-right-color: #a0a0a0
}

.label-grey.arrowed-in:before {
    border-color: #a0a0a0
}

.label-grey.arrowed-right:after {
    border-left-color: #a0a0a0
}

.label-grey.arrowed-in-right:after {
    border-color: #a0a0a0
}

.label-large {
    font-size: 16px;
    padding: 3px 8px 4px
}

    .label-large.arrowed,
    .label-large.arrowed-in {
        margin-left: 12px
    }

        .label-large.arrowed:before,
        .label-large.arrowed-in:before {
            left: -16px;
            border-width: 11px 8px
        }

        .label-large.arrowed-in:before {
            left: -12px
        }

    .label-large.arrowed-right,
    .label-large.arrowed-in-right {
        margin-right: 11px
    }

        .label-large.arrowed-right:after,
        .label-large.arrowed-in-right:after {
            right: -16px;
            border-width: 11px 8px
        }

        .label-large.arrowed-in-right:after {
            right: -12px
        }



/*Animar Icono*/

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

/* WRENCHING */
@keyframes wrench {
    0% {
        transform: rotate(-12deg)
    }

    8% {
        transform: rotate(12deg)
    }

    10% {
        transform: rotate(24deg)
    }

    18% {
        transform: rotate(-24deg)
    }

    20% {
        transform: rotate(-24deg)
    }

    28% {
        transform: rotate(24deg)
    }

    30% {
        transform: rotate(24deg)
    }

    38% {
        transform: rotate(-24deg)
    }

    40% {
        transform: rotate(-24deg)
    }

    48% {
        transform: rotate(24deg)
    }

    50% {
        transform: rotate(24deg)
    }

    58% {
        transform: rotate(-24deg)
    }

    60% {
        transform: rotate(-24deg)
    }

    68% {
        transform: rotate(24deg)
    }

    75%,100% {
        transform: rotate(0deg)
    }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

    .faa-wrench.animated.faa-fast,
    .faa-wrench.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
        animation: wrench 1.2s ease infinite;
    }

    .faa-wrench.animated.faa-slow,
    .faa-wrench.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
        animation: wrench 3.7s ease infinite;
    }

/* BELL */
@keyframes ring {
    0% {
        transform: rotate(-15deg)
    }

    2% {
        transform: rotate(15deg)
    }

    4% {
        transform: rotate(-18deg)
    }

    6% {
        transform: rotate(18deg)
    }

    8% {
        transform: rotate(-22deg)
    }

    10% {
        transform: rotate(22deg)
    }

    12% {
        transform: rotate(-18deg)
    }

    14% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-12deg)
    }

    18% {
        transform: rotate(12deg)
    }

    20%,100% {
        transform: rotate(0deg)
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}

    .faa-ring.animated.faa-fast,
    .faa-ring.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-fast {
        animation: ring 1s ease infinite;
    }

    .faa-ring.animated.faa-slow,
    .faa-ring.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-slow {
        animation: ring 3s ease infinite;
    }

/* VERTICAL */
@keyframes vertical {
    0% {
        transform: translate(0,-3px)
    }

    4% {
        transform: translate(0,3px)
    }

    8% {
        transform: translate(0,-3px)
    }

    12% {
        transform: translate(0,3px)
    }

    16% {
        transform: translate(0,-3px)
    }

    20% {
        transform: translate(0,3px)
    }

    22%,100% {
        transform: translate(0,0)
    }
}

.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
    animation: vertical 2s ease infinite;
}

    .faa-vertical.animated.faa-fast,
    .faa-vertical.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
        animation: vertical 1s ease infinite;
    }

    .faa-vertical.animated.faa-slow,
    .faa-vertical.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
        animation: vertical 4s ease infinite;
    }

/* HORIZONTAL */
@keyframes horizontal {
    0% {
        transform: translate(0,0)
    }

    6% {
        transform: translate(5px,0)
    }

    12% {
        transform: translate(0,0)
    }

    18% {
        transform: translate(5px,0)
    }

    24% {
        transform: translate(0,0)
    }

    30% {
        transform: translate(5px,0)
    }

    36%,100% {
        transform: translate(0,0)
    }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
    animation: horizontal 2s ease infinite;
}

    .faa-horizontal.animated.faa-fast,
    .faa-horizontal.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
        animation: horizontal 1s ease infinite;
    }

    .faa-horizontal.animated.faa-slow,
    .faa-horizontal.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
        animation: horizontal 3s ease infinite;
    }

/* FLASHING */
@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
    animation: flash 2s ease infinite;
}

    .faa-flash.animated.faa-fast,
    .faa-flash.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-fast {
        animation: flash 1s ease infinite;
    }

    .faa-flash.animated.faa-slow,
    .faa-flash.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-flash.faa-slow {
        animation: flash 3s ease infinite;
    }

/* BOUNCE */
@keyframes bounce {
    0%,10%,20%,50%,80%,100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
    animation: bounce 2s ease infinite;
}

    .faa-bounce.animated.faa-fast,
    .faa-bounce.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
        animation: bounce 1s ease infinite;
    }

    .faa-bounce.animated.faa-slow,
    .faa-bounce.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
        animation: bounce 3s ease infinite;
    }

/* SPIN */
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
    animation: spin 1.5s linear infinite;
}

    .faa-spin.animated.faa-fast,
    .faa-spin.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-spin.faa-fast {
        animation: spin 0.7s linear infinite;
    }

    .faa-spin.animated.faa-slow,
    .faa-spin.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-spin.faa-slow {
        animation: spin 2.2s linear infinite;
    }

/* FLOAT */
@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }

    100% {
        transform: translateY(0)
    }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
    animation: float 2s linear infinite;
}

    .faa-float.animated.faa-fast,
    .faa-float.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-float.faa-fast {
        animation: float 1s linear infinite;
    }

    .faa-float.animated.faa-slow,
    .faa-float.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-float.faa-slow {
        animation: float 3s linear infinite;
    }

/* PULSE */
@keyframes pulse {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1.1)
    }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
    animation: pulse 2s linear infinite;
}

    .faa-pulse.animated.faa-fast,
    .faa-pulse.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
        animation: pulse 1s linear infinite;
    }

    .faa-pulse.animated.faa-slow,
    .faa-pulse.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
        animation: pulse 3s linear infinite;
    }

/* SHAKE */
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
    animation: wrench 2.5s ease infinite;
}

    .faa-shake.animated.faa-fast,
    .faa-shake.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-shake.faa-fast {
        animation: wrench 1.2s ease infinite;
    }

    .faa-shake.animated.faa-slow,
    .faa-shake.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-shake.faa-slow {
        animation: wrench 3.7s ease infinite;
    }

/* TADA */
@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-8deg);
    }

    30%,50%,70% {
        transform: scale(1.3) rotate(8deg)
    }

    40%,60% {
        transform: scale(1.3) rotate(-8deg)
    }

    80%,100% {
        transform: scale(1) rotate(0)
    }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
    animation: tada 2s linear infinite;
}

    .faa-tada.animated.faa-fast,
    .faa-tada.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-tada.faa-fast {
        animation: tada 1s linear infinite;
    }

    .faa-tada.animated.faa-slow,
    .faa-tada.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-tada.faa-slow {
        animation: tada 3s linear infinite;
    }

/* PASSING */
@keyframes passing {
    0% {
        transform: translateX(-50%);
        opacity: 0
    }

    50% {
        transform: translateX(0%);
        opacity: 1
    }

    100% {
        transform: translateX(50%);
        opacity: 0
    }
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
    animation: passing 2s linear infinite;
}

    .faa-passing.animated.faa-fast,
    .faa-passing.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-passing.faa-fast {
        animation: passing 1s linear infinite;
    }

    .faa-passing.animated.faa-slow,
    .faa-passing.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-passing.faa-slow {
        animation: passing 3s linear infinite;
    }

/* PASSING REVERSE */

@keyframes passing-reverse {
    0% {
        transform: translateX(50%);
        opacity: 0
    }

    50% {
        transform: translateX(0%);
        opacity: 1
    }

    100% {
        transform: translateX(-50%);
        opacity: 0
    }
}

.faa-passing-reverse.animated,
.faa-passing-reverse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing-reverse {
    animation: passing-reverse 2s linear infinite;
}

    .faa-passing-reverse.animated.faa-fast,
    .faa-passing-reverse.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast {
        animation: passing-reverse 1s linear infinite;
    }

    .faa-passing-reverse.animated.faa-slow,
    .faa-passing-reverse.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow {
        animation: passing-reverse 3s linear infinite;
    }

/* WAVE */
@keyframes burst {
    0% {
        opacity: .6
    }

    50% {
        transform: scale(1.8);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
    animation: burst 2s infinite linear
}

    .faa-burst.animated.faa-fast,
    .faa-burst.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-burst.faa-fast {
        animation: burst 1s infinite linear
    }

    .faa-burst.animated.faa-slow,
    .faa-burst.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-burst.faa-slow {
        animation: burst 3s infinite linear
    }