1*99d199f3SIftekharul Islam//Fixed alerts
2*99d199f3SIftekharul Islam
3*99d199f3SIftekharul Islam.alert__error,
4*99d199f3SIftekharul Islam.alert__warning,
5*99d199f3SIftekharul Islam.alert__message {
6*99d199f3SIftekharul Islam  color: $darkbg__primary;
7*99d199f3SIftekharul Islam  padding: 1em;
8*99d199f3SIftekharul Islam  margin: .5em 0;
9*99d199f3SIftekharul Islam  position: relative;
10*99d199f3SIftekharul Islam  display: flex;
11*99d199f3SIftekharul Islam  justify-content: center;
12*99d199f3SIftekharul Islam  flex-direction: column;
13*99d199f3SIftekharul Islam  .close {
14*99d199f3SIftekharul Islam    color: $lightbg__primary;
15*99d199f3SIftekharul Islam    position: absolute;
16*99d199f3SIftekharul Islam    right: 0%;
17*99d199f3SIftekharul Islam    top: 50%;
18*99d199f3SIftekharul Islam    transform: translateY(-50%);
19*99d199f3SIftekharul Islam    font-size: 1.5em;
20*99d199f3SIftekharul Islam    padding: 1em;
21*99d199f3SIftekharul Islam    box-sizing: border-box;
22*99d199f3SIftekharul Islam    line-height: 0;
23*99d199f3SIftekharul Islam    display: flex;
24*99d199f3SIftekharul Islam    justify-content: center;
25*99d199f3SIftekharul Islam    flex-direction: column;
26*99d199f3SIftekharul Islam    background: transparent;
27*99d199f3SIftekharul Islam    border: 0px;
28*99d199f3SIftekharul Islam    margin: 0;
29*99d199f3SIftekharul Islam    &:hover {
30*99d199f3SIftekharul Islam      color: $lightbg__accent;
31*99d199f3SIftekharul Islam    }
32*99d199f3SIftekharul Islam  }
33*99d199f3SIftekharul Islam}
34*99d199f3SIftekharul Islam
35*99d199f3SIftekharul Islam.alert__error {
36*99d199f3SIftekharul Islam  background: $alert__error;
37*99d199f3SIftekharul Islam
38*99d199f3SIftekharul Islam}
39*99d199f3SIftekharul Islam
40*99d199f3SIftekharul Islam.alert__warning {
41*99d199f3SIftekharul Islam  background: $alert__warning;
42*99d199f3SIftekharul Islam
43*99d199f3SIftekharul Islam}
44*99d199f3SIftekharul Islam.alert__message {
45*99d199f3SIftekharul Islam  background: $alert__message;
46*99d199f3SIftekharul Islam}
47*99d199f3SIftekharul Islam
48*99d199f3SIftekharul Islam// Power confirmation buttons
49*99d199f3SIftekharul Islam.power__confirm-buttons {
50*99d199f3SIftekharul Islam  .btn-primary {
51*99d199f3SIftekharul Islam    background: transparent;
52*99d199f3SIftekharul Islam    border: 2px solid $white;
53*99d199f3SIftekharul Islam    padding: 1em 2.2em;
54*99d199f3SIftekharul Islam    margin: 0 10px;
55*99d199f3SIftekharul Islam    border-radius: 4px;
56*99d199f3SIftekharul Islam    &:focus,
57*99d199f3SIftekharul Islam    &:hover {
58*99d199f3SIftekharul Islam      background: $primebtn__bg;
59*99d199f3SIftekharul Islam      border: 2px solid $primebtn__bg;
60*99d199f3SIftekharul Islam    }
61*99d199f3SIftekharul Islam  }
62*99d199f3SIftekharul Islam  @include mediaQuery(large) {
63*99d199f3SIftekharul Islam    float: right;
64*99d199f3SIftekharul Islam  }
65*99d199f3SIftekharul Islam}
66*99d199f3SIftekharul Islam
67*99d199f3SIftekharul Islam
68