.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #2ba6cb;
  border-color: #258faf;
  color: #FFFFFF; }
  .alert-box .close {
    right: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem!important;
    line-height: .9;
    margin-top: -0.6875rem!important;
    opacity: 0.3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }

  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #5da423;
    border-color: #508d1e;
    color: #FFFFFF; }
  .alert-box.alert {
    background-color: #c60f13;
    border-color: #aa0d10;
    color: #FFFFFF; }
  .alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #c8c8c8;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #FFFFFF; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }