/*
 *   ModernWeb <http://modernweb.azurewebsites.net/>
 *   Copyright 2016 Raphael Dhainaut, David Vanschepdael
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 * 
 *       http://www.apache.org/licenses/LICENSE-2.0
 * 
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
/* =========================================================================
   Wizard 
   ========================================================================= */
.mw-wizard {
    min-width: 650px;
    min-height: 550px;
    margin: 0 auto;
    position: relative;
    background-color: #FFFFFF;
    z-index: 9999;
}

.mw-wizard > .mw-inner {
    width: 100%;
    height: 100%;
}

.mw-wizard .mw-wizard-title {
    margin: 0;
    font-size: 1.2rem;
    color: #A5A5A5;
    text-transform: uppercase;
    font-variant: small-caps;
}

/* Wizard steps
   ========================================================================= */
.mw-wizard .mw-steps {
    height: 100%;
    display: flex;
}

/* Wizard step
   ========================================================================= */
.mw-wizard .mw-step {
    width: 3.5rem;
    height: 100%;
    position: relative;
    font-weight: bold;
}

.mw-wizard .mw-step > .mw-title {
    margin: 1.5rem 0;
    font-size: 2.8rem;
    color: #505050;
}

.mw-wizard .mw-step .mw-subtitle {
    font-size: 1.6rem;
    font-variant: small-caps;
    color: #505050;
}

.mw-wizard .mw-step > .mw-inner {
    width: 100%;
    height: 100%;
    display: none;
}

.mw-wizard .mw-step.mw-active {
    width: 100%;
    flex-grow: 1;
    padding: 2.5rem 3rem;
}

.mw-wizard .mw-step.mw-active > .mw-inner {
    display: block;
}

/* Wizard tab
   ========================================================================= */
.mw-wizard .mw-steps {
    counter-reset: step;
}

.mw-wizard .mw-steps .mw-step {
    counter-increment: step;
}

.mw-wizard .mw-steps .mw-step > .mw-tab::before {
    width: 100%;
    padding: 2.5rem 0.5rem;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    content: counter(step);
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.mw-wizard .mw-steps .mw-step.mw-active > .mw-tab::before {
    display: none;
}

.mw-wizard .mw-step > .mw-tab {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mw-wizard .mw-step.mw-active > .mw-tab {
    display: none;
}

.mw-wizard .mw-steps .mw-step:nth-child(1) .mw-tab {
    background-color: #4527A0;
}

.mw-wizard .mw-steps .mw-step:nth-child(2) .mw-tab {
    background-color: #2C0E87;
    /*10% darker*/
}

.mw-wizard .mw-steps .mw-step:nth-child(3) .mw-tab {
    background-color: #12006D;
    /*10% darker*/
}

/* Controls
   ========================================================================= */
.mw-wizard .mw-step > .mw-inner .mw-controls button[disabled],
.mw-wizard .mw-step > .mw-inner .mw-controls input[disabled] {
    opacity: 0.75;
}

.mw-wizard .mw-step > .mw-inner .mw-controls:last-child {
    padding: 1.5rem 0;
}

/*# sourceMappingURL=mw-wizard.css.map */
