/*
Alert and notifications
*/
.close {
    position: absolute;
    padding: 0.65rem 1.25rem;
    text-shadow: none;
    color: inherit;
    right: 5px !important;
    top: 0px !important; }
    .close:hover {
      color: inherit;
      opacity: 1; }
  
  .alert {
    position: relative;
    border-color: inherit; }
    .alert .alert-link {
      color: inherit !important;
      font-weight: 600;
      border-bottom: 1px solid;
      border-bottom-color: rgba(44, 45, 58, 0.1); }
    .alert.animated {
      -webkit-animation-duration: 1s !important;
      animation-duration: 1s !important;
      -webkit-animation-fill-mode: both !important;
      animation-fill-mode: both !important; }
    .alert a {
      color: inherit;
      font-weight: 700; }
      .alert a:hover {
        color: inherit;
        text-decoration: underline; }
    .alert.alert-primary {
      background-color: #e5f2ff;
      color: #1072ce;
      border-color: rgba(0, 132, 255, 0.15); }
      .alert.alert-primary hr {
        border-top-color: rgba(0, 132, 255, 0.15); }
    .alert.alert-warning {
      background-color: #fef8e2;
      color: #dfc14a;
      border-color: rgba(243, 215, 104, 0.15); }
      .alert.alert-warning hr {
        border-top-color: rgba(243, 215, 104, 0.15); }
    .alert.alert-success {
      background-color: #e5fcd0;
      color: #7dc835;
      border-color: rgba(148, 223, 74, 0.15); }
      .alert.alert-success hr {
        border-top-color: rgba(148, 223, 74, 0.15); }
    .alert.alert-danger {
      background-color: #fee5e4;
      color: #e3423d;
      border-color: rgba(250, 98, 94, 0.15); }
      .alert.alert-danger hr {
        border-top-color: rgba(250, 98, 94, 0.15); }
    .alert.alert-info {
      background-color: #e7f7fe;
      color: #69c1e6;
      border-color: rgba(134, 212, 245, 0.15); }
      .alert.alert-info hr {
        border-top-color: rgba(134, 212, 245, 0.15); }
    .alert.alert-teal {
      background-color: #d9fff8;
      color: #20c7aa;
      border-color: rgba(44, 221, 190, 0.15); }
      .alert.alert-teal hr {
        border-top-color: rgba(44, 221, 190, 0.15); }
    .alert.alert-secondary {
      background-color: #dfe0e3;
      color: #828897;
      border-color: rgba(168, 173, 185, 0.15); }
      .alert.alert-secondary hr {
        border-top-color: rgba(168, 173, 185, 0.15); }
    .alert.alert-light {
      background-color: #fff;
      color: #9ba4ae;
      border-color: #e1eaea; }
    .alert.alert-dark {
      background-color: #f2f6f8;
      color: #262734;
      border-color: rgba(44, 45, 58, 0.15); }
      .alert.alert-dark hr {
        border-top-color: rgba(44, 45, 58, 0.15); }
    .alert.alert-purple {
      background-color: #f4daff;
      color: #8f3faf;
      border-color: rgba(169, 94, 199, 0.15); }
      .alert.alert-purple hr {
        border-top-color: rgba(169, 94, 199, 0.15); }
    .alert.alert-pink {
      background-color: #fde6f3;
      color: #da55a0;
      border-color: rgba(247, 125, 194, 0.15); }
      .alert.alert-pink hr {
        border-top-color: rgba(247, 125, 194, 0.15); }
  
/**notifications - bootstrap-notify**/
.alert .progress {
    position: absolute;
    width: calc(100% - 2px);
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent; }
    .alert .progress > .progress-bar {
      background-color: #0084ff;
      border-radius: 0px;
      height: 2px;
      line-height: 2px;
      border-bottom-left-radius: .25rem;
      border-bottom-right-radius: .25rem;
      -webkit-border-bottom-right-radius: .25rem;
    }
  
  .alert.alert-info .progress > .progress-bar {
    background-color: #86d4f5; }
  
  .alert.alert-success .progress > .progress-bar {
    background-color: #94df4a; }
  
  .alert.alert-warning .progress > .progress-bar {
    background-color: #f3d768; }
  
  .alert.alert-danger .progress > .progress-bar {
    background-color: #fa625e; }
  
  .alert.alert-light .progress > .progress-bar {
    background-color: #e1eaea; }
  
  .alert.alert-primary .progress > .progress-bar {
    background-color: #0084ff; }
  
  .alert.alert-teal .progress > .progress-bar {
    background-color: #2cddbe; }
  
  .alert.alert-purple .progress > .progress-bar {
    background-color: #a95ec7; }
  
  .alert.alert-dark .progress > .progress-bar {
    background-color: #2c2d3a; }
  
  .alert.alert-pink .progress > .progress-bar {
    background-color: #f77dc2; }
  
  .table-demo-ui tr, .table-demo-ui th, .table-demo-ui td, .table-demo-ui thead, .table-demo-ui tbody {
    vertical-align: middle; }
  
  [data-notify="title"] {
    display: block;
    width: 100%;
    font-weight: 500 !important; }
  
  [data-notify="message"] {
    display: block;
    width: 100%; }
  
  [data-notify="icon"].alert-thumb, .alert-thumb [data-notify="icon"] {
    float: left;
    display: inline-flex !important;
    margin-right: 0px;
    text-align: center;
    width: 2.5rem;
    height: 100%;
    line-height: 1;
    position: absolute;
    left: .5rem;
    top: -1px;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    overflow: hidden;
    font-size: 16px; }
    [data-notify="icon"].alert-thumb img, .alert-thumb [data-notify="icon"] img {
      width: 90%;
      display: block;
      height: auto;
      position: relative;
      top: 1px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%;
      -webkit-border-radius: 50%; }
  
  .alert-thumb [data-notify="icon"] + *, [data-notify="icon"].alert-thumb + *, .alert-thumb [data-notify="icon"] + * + *, [data-notify="icon"].alert-thumb + * + * {
    padding-left: 2rem; }