2020-08-19 05:14:28 +02:00
|
|
|
.custom-wizard {
|
2020-08-19 06:41:20 +02:00
|
|
|
background-color: var(--secondary);
|
|
|
|
color: var(--primary);
|
2020-08-19 05:14:28 +02:00
|
|
|
font-size: 1.1em;
|
|
|
|
|
|
|
|
.wizard-column {
|
2020-08-19 06:41:20 +02:00
|
|
|
background-color: var(--secondary);
|
2020-08-19 05:14:28 +02:00
|
|
|
|
|
|
|
.wizard-field .input-area {
|
|
|
|
margin: 0.5em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wizard-column-contents h1 {
|
|
|
|
margin: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
.wizard-footer {
|
2020-08-19 06:41:20 +02:00
|
|
|
background-color: var(--secondary);
|
2020-08-19 05:14:28 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.wizard-buttons > a, .wizard-buttons > button, .spinner {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.spinner.small {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
2020-08-19 06:41:20 +02:00
|
|
|
.wizard-column .wizard-btn {
|
|
|
|
color: var(--primary);
|
|
|
|
background: var(--primary-low);
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
&.primary,
|
|
|
|
&.next {
|
|
|
|
color: var(--secondary);
|
|
|
|
background: var(--tertiary);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-08-19 05:14:28 +02:00
|
|
|
.wizard-column .wizard-step-footer button.wizard-btn.done,
|
|
|
|
.wizard-column .wizard-step-footer button.wizard-btn.finish {
|
2020-08-19 06:41:20 +02:00
|
|
|
color: var(--secondary);
|
|
|
|
background-color: var(--success);
|
2020-08-19 05:14:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.wizard-column .action-link {
|
2020-08-19 06:41:20 +02:00
|
|
|
color: var(--tertiary);
|
2020-08-19 05:14:28 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-access-gutter {
|
|
|
|
margin-top: 10px;
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* IE11 hacks */
|
|
|
|
|
|
|
|
@media all and (-ms-high-contrast:none) {
|
|
|
|
.custom-wizard {
|
|
|
|
div.wizard-step-contents {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.wizard-progress {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|