7
.bs-stepper .step-trigger {
8
display: -ms-inline-flexbox;
12
-ms-flex-align: center;
14
-ms-flex-pack: center;
15
justify-content: center;
22
text-decoration: none;
24
vertical-align: middle;
25
-webkit-user-select: none;
26
-moz-user-select: none;
27
-ms-user-select: none;
29
background-color: transparent;
31
border-radius: .25rem;
32
transition: background-color .15s ease-out, color .15s ease-out;
35
.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
39
.bs-stepper .step-trigger:disabled,
40
.bs-stepper .step-trigger.disabled {
45
.bs-stepper .step-trigger:focus {
50
.bs-stepper .step-trigger:hover {
51
text-decoration: none;
52
background-color: rgba(0, 0, 0, .06);
55
@media (max-width: 520px) {
56
.bs-stepper .step-trigger {
57
-ms-flex-direction: column;
58
flex-direction: column;
64
display: inline-block;
71
-ms-flex-align: center;
75
@media (max-width: 520px) {
89
background-color: rgba(0, 0, 0, .12);
92
@media (max-width: 400px) {
95
-ms-flex-preferred-size: 20px;
101
display: -ms-inline-flexbox;
102
display: inline-flex;
103
-ms-flex-line-pack: center;
104
align-content: center;
105
-ms-flex-pack: center;
106
justify-content: center;
113
background-color: #6c757d;
117
.active .bs-stepper-circle {
118
background-color: #007bff;
122
padding: 0 20px 20px;
125
@media (max-width: 520px) {
126
.bs-stepper-content {
131
.bs-stepper.vertical {
132
display: -ms-flexbox;
136
.bs-stepper.vertical .bs-stepper-header {
137
-ms-flex-direction: column;
138
flex-direction: column;
139
-ms-flex-align: stretch;
140
align-items: stretch;
144
.bs-stepper.vertical .bs-stepper-pane,
145
.bs-stepper.vertical .content {
149
.bs-stepper.vertical .bs-stepper-pane:not(.fade),
150
.bs-stepper.vertical .content:not(.fade) {
155
.bs-stepper-pane:not(.fade),
156
.bs-stepper .content:not(.fade) {
160
.bs-stepper .content.fade,
161
.bs-stepper-pane.fade {
163
transition-duration: .3s;
164
transition-property: opacity;
167
.bs-stepper-pane.fade.active,
168
.bs-stepper .content.fade.active {
173
.bs-stepper-pane.active:not(.fade),
174
.bs-stepper .content.active:not(.fade) {
179
.bs-stepper-pane.dstepper-block,
180
.bs-stepper .content.dstepper-block {
184
.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
185
.bs-stepper:not(.vertical) .content.dstepper-none {
189
.vertical .bs-stepper-pane.fade.dstepper-none,
190
.vertical .content.fade.dstepper-none {