.alert_shortcode{
    background-color: #eee;
    border-radius: 4px;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 6px solid #3a3a3a;
}

.alert{
    border-left-width: 6px;
    border-left-style: solid;
    padding: 1.5rem;
    border-radius: 4px;
    background-color: #eee;
}

.alert_shortcode .icon_box{
    padding: 1.5rem 1rem;
}

.alert_shortcode .content_box{
    padding: 1.5rem 1rem;
}

.alert_shortcode .icon_box .icon{ margin-top: 0.5rem; }

.alert_shortcode .content_box p,
.alert{ 
    margin-bottom: 0;
    font-size: 90%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.alert_shortcode .content_box p{ margin: 0; }

.alert_info{ 
    background-color: #e8f7ff;
    border-color: #a3daff;
}
.alert_info .icon_box{ 
    background-color: #a3daff;
    color: #228ae6;
}

.alert_warning{ 
    background-color: #fff9db;
    border-color: #ffe066;
}
.alert_warning .icon_box{ 
    background-color: #ffe066;
    color: #fab005;
}

.alert_danger{ 
    background-color: #f8c9c4;
    border-color: #e74c3c;
}
.alert_danger .icon_box{ 
    background-color: #e74c3c;
    color: #fff;
}

.alert_sucess{ 
    background-color: rgba(46, 204, 113, 0.3);
    border-color: rgba(46, 204, 113, 0.7);
}
.alert_sucess .icon_box{ 
    background-color: rgba(46, 204, 113, 0.7);
    color: #fff;
}

@keyframes pulseOpacity{
    0%{opacity:.99}
    50%{opacity:.66}
    to{opacity:.99}
}

.pulseOpacity{
    -webkit-animation-name:pulseOpacity;
    animation-name:pulseOpacity;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}