
.alert {
    position: relative;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4.5rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.5625rem 1.5rem
    }

.alert-primary {
    color: #0b3d91;
    background-color: #d0e0fc;
    border-color: #b8d1fb
}

    .alert-primary .alert-link {
        color: #093174
    }

.alert-secondary {
    color: #6b2498;
    background-color: #f0d8ff;
    border-color: #e8c5fe
}

    .alert-secondary .alert-link {
        color: #561d7a
    }

.alert-success {
    color: #006e2c;
    background-color: #ccf1db;
    border-color: #b3e9c9
}

    .alert-success .alert-link {
        color: #005823
    }

.alert-info {
    color: #2699fc;
    background-color: #c5e7fe;
    border-color: #c4ecfa
}

    .alert-info .alert-link {
        color: #1b5c72
    }

.alert-warning {
    color: #640;
    background-color: #fec;
    border-color: #ffe5b3
}

    .alert-warning .alert-link {
        color: #523600
    }

.alert-danger {
    color: #951d32;
    background-color: #fed6dd;
    border-color: #fdc1cc
}

    .alert-danger .alert-link {
        color: #771728
    }

.alert-light {
    color: #646464;
    background-color: #fefefe;
    border-color: #fefefe
}

    .alert-light .alert-link {
        color: #505050
    }

.alert-dark {
    color: #171717;
    background-color: #d4d4d4;
    border-color: #bebebe
}

    .alert-dark .alert-link {
        color: #121212
    }

.alert-white {
    color: #666;
    background-color: #fff;
    border-color: #fff
}

    .alert-white .alert-link {
        color: #525252
    }

.alert-black {
    color: #000;
    background-color: #ccc;
    border-color: #b3b3b3
}

    .alert-black .alert-link {
        color: #000
    }

.alert {
    border: 0;
    border-radius: .5rem
}

    .alert.alert-dismissible {
        margin-bottom: 10px;
    }

.alerts-container {
    position: absolute;
    width: 100%;
    bottom: 50px;
    padding: 0 5px;
    z-index: 1;
}
