.alert {
    border: solid 2px #2196f3;
    background: #fff;
    border-left-width: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    padding: 5px 5px;
    font-size: 12px;
    color: #5e676b;
    font-style: italic;
}

    .alert md-icon {
        margin: auto 5px;
    }

    .alert.info {
        border-color: #2196f3;
    }

        .alert.info md-icon {
            color: #2196f3;
        }

    .alert.warning {
        border-color: #ff9800;
    }

        .alert.warning md-icon {
            color: #ff9800;
        }

    .alert table {
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

        .alert table tr th {
            font-size: 8px;
            font-style: initial;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #2196f3;
        }

        .alert table tr td {
            background: rgb(33 150 243 / 0.2);
            color: #2196f3;
            padding: 4px 0;
        }

            .alert table tr td small {
                opacity: 0.6;
                font-size: 9px;
            }

    .alert.info .highlight {
        display: inline-block;
        background: #c8e5fc;
        padding: 1px 6px;
        color: #000;
        font-weight: 500;
        border-radius: 10px;
        letter-spacing: 1px;
        font-style: initial;
    }