.alert
{
    margin-bottom: 1rem;
    padding: .5rem 1.5rem;

    border: 0 solid transparent;
    border-radius: 0;
}

.alert-heading
{
    color: inherit;
}

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

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

.alert-dismissible .close
{
    position: relative;
    top: -.125rem;
    right: -1.5rem;

    color: inherit;
}

.alert-success
{
    color: #00833e;
    border-color: #cbe1b2;
    background-color: #d7e8c4;
}

.alert-success hr
{
    border-top-color: #beda9f;
}

.alert-success .alert-link
{
    color: #005026;
}

.alert-info
{
    color: #0065a0;
    border-color: #afd6ee;
    background-color: #cce5f4;
}

.alert-info hr
{
    border-top-color: #9acbe9;
}

.alert-info .alert-link
{
    color: #00456d;
}

.alert-warning
{
    color: #d75f00;
    border-color: #ffd4ad;
    background-color: #ffe1c6;
}

.alert-warning hr
{
    border-top-color: #ffc693;
}

.alert-warning .alert-link
{
    color: #a44800;
}

.alert-danger
{
    color: #d51067;
    border-color: #e6c7d3;
    background-color: #eed9e1;
}

.alert-danger hr
{
    border-top-color: #deb6c5;
}

.alert-danger .alert-link
{
    color: #a60c50;
}

/*
  Messages

  Show a message after a user action about the result.

  Markup:
    <div class="alert alert-success">Saved </div>
    <div class="alert alert-danger">Error</div>
    <div class="alert alert-warning">Warning</div>
    <div class="alert alert-info">Information</div>

  Style guide 4.9
 */
/**
 * Alert styling.
 */
.alert-sm
{
    padding: 5px 10px;
}

.alert a
{
    font-weight: inherit;
}

.alert-success a,
.alert-success a:hover,
.alert-success a:focus
{
    color: #005026;
}

.alert-info a,
.alert-info a:hover,
.alert-info a:focus
{
    color: #00456d;
}

.alert-warning a,
.alert-warning a:hover,
.alert-warning a:focus
{
    color: #a44800;
}

.alert-danger a,
.alert-danger a:hover,
.alert-danger a:focus
{
    color: #a60c50;
}