.alert {
    position: relative;
    /*padding: 2.2rem 1.25rem;*/
    height: 100px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 18px;
}

    .alert .close {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #F70000;
        cursor: pointer;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .alert.primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
    }

    .alert.secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
    }

    .alert.success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .alert.danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .alert.warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .alert.info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }

    .alert.light {
        color: #818182;
        background-color: #FCFCFD;
        border-color: #DEE1E6;
    }

    .alert.dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
    }