:root {
    --mitto-primary: #642580;
    --mitto-accent: #EE2983;
    --mitto-success: #2e844a;
    --mitto-disabled: #8a8a8a;
    --sds-c-button-brand-color-background: var(--mitto-primary);
    --sds-c-button-text-color: var(--mitto-primary);
    --sds-c-button-brand-color-border: #5b1d77;
    --sds-c-button-brand-color-background-active: #5b1d77;
    --sds-c-button-brand-color-border-active: #5b1d77;
    --sds-c-button-brand-color-background-hover: #400b57;
    --sds-c-tabs-item-color-border-active: var(--mitto-primary);
    --sds-c-tabs-item-color-border-hover: var(--mitto-primary);
    --sds-c-button-text-color-hover: var(--mitto-primary);
    --sds-c-checkbox-mark-color-foreground: var(--mitto-accent);
    --sds-c-checkbox-mark-color-foreground: var(--mitto-accent);
    --mq-large: 64.0625em;
    --mq-medium: 48em;
    --mq-small: 47.9375em;
}

body {
    padding: 20px;
    margin: 0;
}

.step {
    display: none;
}

#step1 {
    display: block;
}

a:hover,
a:active,
a:focus {
    text-decoration: none !important;
}

.slds-has-success {
    color: var(--mitto-success);
}

/* == EXTENDS ====================================== */
/* ================================================== */
/* == Visibility / Display */
.slds-display_none {
    display: none;
}

.slds-display_inline {
    display: inline-block;
}

/* ==  Spacers */
.slds-spacer-max {
    width: 100%
}

/* ==  Borders / Shadows */
.slds-shadow_none {
    box-shadow: none !important;
}

/* ==  List sizes */
.slds-list_horizontal .slds-item_label_large {
    width: 50%;
}

.slds-list_horizontal .slds-item_detail_large {
    width: 50%;
}

/* ==  Cursor / pointers */
.slds-cursor_pointer {
    cursor: pointer;
}

.slds-pointer_none {
    pointer-events: none;
}

/* ==  Sizes */
.slds-height_48 {
    min-height: 48px;
}

.slds-max-width_200 {
    max-width: 200px;
}
.slds-max-width_80per {
    max-width: 80%;
}

/* == Colors */
.slds-bgcolor_primary {
    background-color: var(--mitto-primary);
}

.slds-color_primary {
    color: var(--mitto-primary);
}

.slds-bgcolor_accent {
    background-color: var(--mitto-accent);
}

.slds-color_accent {
    color: var(--mitto-accent);
}

.slds-bgcolor_disabled {
    background-color: var(--mitto-disabled);
}

.slds-color_disabled {
    color: var(--mitto-disabled);
}

/* == Forms */
.slds-checkbox .slds-text_help {
    margin-left: 28px;
}

/* Media Query ======================================= */
@media (max-width: 47.9375em) {

    /* small */
    /* == Visibility / Display */
    .slds-mq-small-display_none {
        display: none;
    }

    /* == Sizes */
    .slds-mq-small-width_100 {
        width: 100%;
    }
}

@media (max-width: 64.0624em) {

    /* medium */
    /* == Visibility / Display */
    .slds-mq-medium-display_none {
        display: none;
    }

    /* == Sizes */
    .slds-mq-medium-width_100 {
        width: 100%;
    }
}

@media (min-width: 64.0625em) {

    /* large */
    /* == Visibility / Display */
    .slds-mq-large-display_none {
        display: none;
    }

    /* == Sizes */
    .slds-mq-large-width_100 {
        width: 100%;
    }
}


/* Inline Removal ======================================= */
.hidden {
    display: none;
}

.templatetestbox {
    display: flex;
    flex-direction: row;
    align-items: center;
}