/********************************************************
*
* LOADER MAIN CONTAINER
*
********************************************************/
#loader-main-container {
    background-color: #EFF2F4;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/********************************************************
*
* LOADER STATUS/STEPS CONTAINER
*
********************************************************/
#loader-steps-container {
    margin-top: 3rem;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    height: 88px;
    color: #364550;
}

/* STEPS MOCK (PRELOAD) */
#loader-steps-container .loader-step-mock {
    padding: 1.5rem 3rem 1rem 3rem;
    margin: .5rem;
    background-color: #CFD7DD;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    transition: all 0.5s ease;
}

/* STEPS */
#loader-steps-container .loader-step {
    padding: 1rem 1.5rem;
    color: #B7C4CD;
    display: flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 2rem;
    transition: all 0.5s ease;
}

/* ACTIVE STEP */
#loader-steps-container .loader-step.active {
    background-color: white;
    color: #364550;
    margin: 1rem;
}