1// Overrides style for ngToast notifications
2.ng-toast {
3  margin-top: 9rem;
4  .close {
5    color: $text-01;
6    opacity: 1;
7    font-size: 1.2rem;
8    font-weight: 400;
9  }
10  .alert {
11    border: none; //override inherited border styles
12    border-radius: 0;
13    border-left-width: 3px;
14    border-left-style: solid;
15    text-align: left;
16    color: $text-01;
17    padding-left: 1rem;
18    width: 350px;
19  }
20  .alert-content-container {
21    display: flex;
22    flex-direction: row;
23  }
24  .alert-content__header {
25    font-size: 1rem;
26    font-weight: bold;
27    margin-bottom: 0;
28    line-height:1.5;
29  }
30  .alert-content__body {
31    margin:0;
32    line-height: 1.2;
33  }
34  .alert-danger {
35    background-color: $notification-error--light;
36    border-left-color: $notification-error--dark;
37  }
38  .alert-success {
39    background-color: $notification-success--light;
40    border-left-color: $notification-success--dark;
41  }
42  .alert-warning {
43    background-color: $notification-warn--light;
44    border-left-color: $notification-warn--dark;
45  }
46  .alert-info {
47    background-color: $notification-info--light;
48    border-left-color: $notification-info--dark;
49  }
50  .status-icon {
51    display: inline-block;
52    vertical-align: top;
53    margin-right: 0.8rem;
54  }
55}
56