/*
*   Login css -----------------------------------------------------------
 */

.login-inputs-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.login-imputs-step {
    display: none;
    order: 99;
    flex-shrink: 0;
    width: 100%;
    transition: .45s ease-in-out;
}
.login-inputs-container.active .login-imputs-step {
    transform: translateX(-100%);
}
.login-imputs-step.username {
    order: 0;
}
.login-inputs-container.active-login .login-imputs-step.login,
.login-inputs-container.active-register .login-imputs-step.register
{
    display: block;
    animation-name: appear;
    animation-duration: .45s;
    animation-timing-function: ease-in-out;
    order: 1;
}
.login-inputs-container:not(.active-login) .login-imputs-step.username,
.login-inputs-container:not(.active-register) .login-imputs-step.username
{
    display: block;
}

#login-card #login-card-loader{
    position: absolute;
    height: 100%;
    width:100%;
    z-index: 1;
    display: none !important;
}

#login-card.loading .card-body{
    opacity: 0.5;
}
#login-card.loading #login-card-loader{
    display: flex !important;
}

@keyframes appear {
    0%  {transform: translateX(-0%);}
    100% {transform: translateX(-100%);}
}

/*
    General css -----------------------------------------------------------
 */
.content-wrapper #page-loader{
    position: fixed;
    z-index: 1;
    display: none !important;
    top: 50vh;
    left: 50vw;
}
.content-wrapper.loading > *{
    opacity: 0.5;
}
.content-wrapper.loading #page-loader{
    display: flex !important;
}

.dataTables_filter input{
    margin-left: .625rem;
}

/* Fix header brand spacing problems*/
.navbar-brand.navbar-brand-md img {
    height: 2.2rem;
    display: block;
    margin: auto;
}
.navbar-brand.navbar-brand-xs img {
    height: 1.5rem;
    display: block;
    margin: auto;
}
.navbar-brand {
    padding-top: 0.00002rem;
    padding-bottom: 0.00002rem;
}

.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #e2231a;
    color: #fff;
}
.bg-color-red {
    background-color: #e2231a;
}
.bg-color-darkgrey {
    background-color: #262729;
}
.bg-color-grey {
    background-color: #4b4e52;
}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-brand {
        min-width: 16.875rem;
    }
}
.navbar-header .navbar-brand {
    margin: 0;
}

.loader{
    padding: 4rem;
}
.hidden{
    display: none !important;
}

.login-background{
    background-image: url("/assets/img/fnd_login_extranet.jpg");
    background-position: center;
    background-size: cover;
}

.stick-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}