/* Content */
#content1 {
    background: url(../../../front_assets/img/training/bg-accent.svg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.c1-card {
    border: 5px solid var(--secondary);
}

hr {
    border-top: 1px solid var(--secondary);
    opacity: .5;
}

#content1 .form-group label {
    color: var(--black);
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.0625rem;
}

/* Message Error */
.error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #e81500;
}

/* Steps */
.steps {
    border-bottom: 3px solid rgba(125, 173, 63, .5);
}

.steps-list > li {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-size: 1.2rem;
    color: var(--black);
    font-weight: 400;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background-color: var(--primary) !important;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background: #b1fdb2 !important;
}

@media (max-width: 768px)
{
    .wizard > .steps > ul > li
    {
        width: 100% !important;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        margin-top: 0.5em !important;
    }

    .wizard.vertical > .steps,
    .wizard.vertical > .actions
    {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    .wizard.vertical > .content
    {
        display: block !important;
        float: none !important;
        margin: 0 0.5em 0.5em !important;
        width: auto !important;
    }
}