.banner {
    border: 1px solid #ECEFF1;
    position: relative;
    margin-bottom: 16px;
    background: #fff;
    display: flex;
    flex-flow: row;
    align-items: stretch;
    padding: 0;
    font-size: 0.889em;
    text-decoration: none !important
}

.banner.banner-round {
    border-radius: 4px
}

.banner.banner-shadow {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1)
}

.banner h5 {
    font-size: 0.778em;
    font-weight: 600
}

.banner .banner-text {
    order: 1;
    flex: 1 1 auto;
    font-size: 1em;
    padding: 18px
}

.banner .banner-text h4 {
    font-size: 1.1em;
    color: #ff3633
}

.banner .banner-text p {
    margin-bottom: 0;
    color: #4c4c4d
}

.banner:not(.banner-sm) .banner-icon {
    order: 0;
    margin: 0;
    background: none;
    flex: 1 1 auto;
    align-self: center;
    text-align: center;
    padding: 18px 0 18px 18px;
    width: 74px;
    height: auto;
    max-width: 74px
}

.banner:not(.banner-sm) .banner-icon svg.icon, .banner:not(.banner-sm) .avatar {
    width: 64px;
    height: 64px;
    fill: #ff3633
}

.banner:not(.banner-sm) .banner-icon span {
    display: none !important
}

.banner.banner-sm .banner-icon {
    flex: 0 1 auto;
    align-self: start;
    text-align: center;
    margin-top: 2px;
    width: 32px
}

.banner.banner-sm .banner-icon svg.icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    fill: #ff3633
}

.banner .banner-image {
    order: 2;
    flex: 1 1 33%;
    margin: 0;
    min-width: 130px;
    position: relative
}

.banner .banner-image img,.banner .banner-image figure {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover
}

.banner.border {
    border: 8px solid #ECEFF1 !important
}

.banner.border-top {
    border-top: 8px solid #ECEFF1 !important
}

.banner.border-right {
    border-right: 8px solid #ECEFF1 !important
}

.banner.border-bottom {
    border-bottom: 8px solid #ECEFF1 !important
}

.banner.border-left {
    border-left: 8px solid #ECEFF1 !important
}

.banner.banner-hover-background-primary:hover {
    background-color: #3478bd !important
}

.banner.banner-background-primary {
    background-color: #3478bd !important
}

.banner.banner-hover-background-secondary:hover {
    background-color: #5c6f82 !important
}

.banner.banner-background-secondary {
    background-color: #5c6f82 !important
}

.banner.banner-hover-background-success:hover {
    background-color: #008758 !important
}

.banner.banner-background-success {
    background-color: #008758 !important
}

.banner.banner-hover-background-info:hover {
    background-color: #979899 !important
}

.banner.banner-background-info {
    background-color: #979899 !important
}

.banner.banner-hover-background-warning:hover {
    background-color: #a66300 !important
}

.banner.banner-background-warning {
    background-color: #a66300 !important
}

.banner.banner-hover-background-danger:hover {
    background-color: #d9364f !important
}

.banner.banner-background-danger {
    background-color: #d9364f !important
}

.banner.banner-hover-background-light:hover {
    background-color: #e9e6f2 !important
}

.banner.banner-background-light {
    background-color: #e9e6f2 !important
}

.banner.banner-hover-background-dark:hover {
    background-color: #17324d !important
}

.banner.banner-background-dark {
    background-color: #17324d !important
}

.banner.banner-hover-background-black:hover {
    background-color: #000 !important
}

.banner.banner-background-black {
    background-color: #000 !important
}

.banner.banner-hover-background-white:hover {
    background-color: #fff !important
}

.banner.banner-background-white {
    background-color: #fff !important
}

.banner.banner-hover-background-100:hover {
    background-color: #e3e4e6 !important
}

.banner.banner-background-100 {
    background-color: #e3e4e6 !important
}

.banner.banner-hover-background-200:hover {
    background-color: #cacacc !important
}

.banner.banner-background-200 {
    background-color: #cacacc !important
}

.banner.banner-hover-background-300:hover {
    background-color: #b1b1b3 !important
}

.banner.banner-background-300 {
    background-color: #b1b1b3 !important
}

.banner.banner-hover-background-400:hover {
    background-color: #979899 !important
}

.banner.banner-background-400 {
    background-color: #979899 !important
}

.banner.banner-hover-background-500:hover {
    background-color: #7e7f80 !important
}

.banner.banner-background-500 {
    background-color: #7e7f80 !important
}

.banner.banner-hover-background-600:hover {
    background-color: #656566 !important
}

.banner.banner-background-600 {
    background-color: #656566 !important
}

.banner.banner-hover-background-700:hover {
    background-color: #4c4c4d !important
}

.banner.banner-background-700 {
    background-color: #4c4c4d !important
}

.banner.banner-hover-background-800:hover {
    background-color: #323333 !important
}

.banner.banner-background-800 {
    background-color: #323333 !important
}

.banner.banner-hover-background-900:hover {
    background-color: #19191a !important
}

.banner.banner-background-900 {
    background-color: #19191a !important
}

.banner.banner-hover-background-white:hover {
    background-color: white !important
}

.banner.banner-hover-color-primary:hover * {
    color: #3478bd !important;
    fill: #3478bd !important
}

.banner.banner-color-primary * {
    color: #3478bd !important;
    fill: #3478bd !important
}

.banner.banner-hover-color-secondary:hover * {
    color: #5c6f82 !important;
    fill: #5c6f82 !important
}

.banner.banner-color-secondary * {
    color: #5c6f82 !important;
    fill: #5c6f82 !important
}

.banner.banner-hover-color-success:hover * {
    color: #008758 !important;
    fill: #008758 !important
}

.banner.banner-color-success * {
    color: #008758 !important;
    fill: #008758 !important
}

.banner.banner-hover-color-info:hover * {
    color: #979899 !important;
    fill: #979899 !important
}

.banner.banner-color-info * {
    color: #979899 !important;
    fill: #979899 !important
}

.banner.banner-hover-color-warning:hover * {
    color: #a66300 !important;
    fill: #a66300 !important
}

.banner.banner-color-warning * {
    color: #a66300 !important;
    fill: #a66300 !important
}

.banner.banner-hover-color-danger:hover * {
    color: #d9364f !important;
    fill: #d9364f !important
}

.banner.banner-color-danger * {
    color: #d9364f !important;
    fill: #d9364f !important
}

.banner.banner-hover-color-light:hover * {
    color: #e9e6f2 !important;
    fill: #e9e6f2 !important
}

.banner.banner-color-light * {
    color: #e9e6f2 !important;
    fill: #e9e6f2 !important
}

.banner.banner-hover-color-dark:hover * {
    color: #17324d !important;
    fill: #17324d !important
}

.banner.banner-color-dark * {
    color: #17324d !important;
    fill: #17324d !important
}

.banner.banner-hover-color-black:hover * {
    color: #000 !important;
    fill: #000 !important
}

.banner.banner-color-black * {
    color: #000 !important;
    fill: #000 !important
}

.banner.banner-hover-color-white:hover * {
    color: #fff !important;
    fill: #fff !important
}

.banner.banner-color-white * {
    color: #fff !important;
    fill: #fff !important
}

.banner.banner-hover-color-100:hover * {
    color: #e3e4e6 !important;
    fill: #e3e4e6 !important
}

.banner.banner-color-100 * {
    color: #e3e4e6 !important;
    fill: #e3e4e6 !important
}

.banner.banner-hover-color-200:hover * {
    color: #cacacc !important;
    fill: #cacacc !important
}

.banner.banner-color-200 * {
    color: #cacacc !important;
    fill: #cacacc !important
}

.banner.banner-hover-color-300:hover * {
    color: #b1b1b3 !important;
    fill: #b1b1b3 !important
}

.banner.banner-color-300 * {
    color: #b1b1b3 !important;
    fill: #b1b1b3 !important
}

.banner.banner-hover-color-400:hover * {
    color: #979899 !important;
    fill: #979899 !important
}

.banner.banner-color-400 * {
    color: #979899 !important;
    fill: #979899 !important
}

.banner.banner-hover-color-500:hover * {
    color: #7e7f80 !important;
    fill: #7e7f80 !important
}

.banner.banner-color-500 * {
    color: #7e7f80 !important;
    fill: #7e7f80 !important
}

.banner.banner-hover-color-600:hover * {
    color: #656566 !important;
    fill: #656566 !important
}

.banner.banner-color-600 * {
    color: #656566 !important;
    fill: #656566 !important
}

.banner.banner-hover-color-700:hover * {
    color: #4c4c4d !important;
    fill: #4c4c4d !important
}

.banner.banner-color-700 * {
    color: #4c4c4d !important;
    fill: #4c4c4d !important
}

.banner.banner-hover-color-800:hover * {
    color: #323333 !important;
    fill: #323333 !important
}

.banner.banner-color-800 * {
    color: #323333 !important;
    fill: #323333 !important
}

.banner.banner-hover-color-900:hover * {
    color: #19191a !important;
    fill: #19191a !important
}

.banner.banner-color-900 * {
    color: #19191a !important;
    fill: #19191a !important
}

.banner.banner-color-white *,.banner.banner-hover-color-white:hover * {
    color: white !important;
    fill: white !important
}