.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 300;
}

.alert-dismissible {
    padding-right: 3rem;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.15rem 1rem;
}

.alert-dismissible.alert-ash .btn-close {
    color: #858a93;
}

.alert-dismissible.alert-ash .btn-close:hover {
    color: #595c62;
}


.alert-dismissible.alert-light .btn-close {
    color: #e5e5e5;
}

.alert-dismissible.alert-light .btn-close:hover {
    color: #989898;
}

.alert-dismissible.alert-gray .btn-close {
    color: #dddee0;
}

.alert-dismissible.alert-gray .btn-close:hover {
    color: #949495;
}

.alert-dismissible.alert-dark .btn-close {
    color: #22272d;
}

.alert-dismissible.alert-dark .btn-close:hover {
    color: #171a1e;
}

.alert-dismissible.alert-primary .btn-close {
    color: #396cca;
}

.alert-dismissible.alert-primary .btn-close:hover {
    color: #264886;
}

.alert-dismissible.alert-secondary .btn-close {
    color: #999ea9;
}

.alert-dismissible.alert-secondary .btn-close:hover {
    color: #666a71;
}

.alert-dismissible.alert-success .btn-close {
    color: #60ab93;
}

.alert-dismissible.alert-success .btn-close:hover {
    color: #407262;
}

.alert-dismissible.alert-info .btn-close {
    color: #4c97b3;
}

.alert-dismissible.alert-info .btn-close:hover {
    color: #326577;
}

.alert-dismissible.alert-warning .btn-close {
    color: #e1a54f;
}

.alert-dismissible.alert-warning .btn-close:hover {
    color: #966e35;
}

.alert-dismissible.alert-danger .btn-close {
    color: #cb5860;
}

.alert-dismissible.alert-danger .btn-close:hover {
    color: #883b40;
}

.alert-icon {
    padding-left: 2.5rem;
}

.alert-icon i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0.8rem 1rem;
    font-size: 1rem;
}


.alert-ash {
    color: #686b72;
    background-color: #dfe0e3;
    border-color: #dfe0e3;
}

.alert-ash .alert-link {
    color: #53565b;
}




.alert-warning {
    color: #af803e;
    background-color: #fee9cd;
    border-color: #fee9cd;
}

.alert-warning .alert-link {
    color: #8c6632;
}

.alert-danger {
    color: #9e454b;
    background-color: #f6d0d3;
    border-color: #f6d0d3;
}

.alert-danger .alert-link {
    color: #7e373c;
}

.alert[class*=bg-] {
    padding: 0.8rem 0;
}

.alert[class*=bg-] .alert-inner {
    padding-right: 3rem;
}

.alert[class*=bg-].alert-dismissible .btn-close {
    padding-top: 0;
    padding-bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
}

.alert[class*=bg-].alert-dismissible .btn-close:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .alert[class*=bg-].alert-dismissible .btn-close {
        padding-right: 0.5rem;
    }
}


.bg-primary {
    background-color: #0d98ba !important;
}
.bg-white {
    background-color: #fff !important;
}