.fs-7 {
    font-size: .875rem !important;
}

.badge-number {
    font-size: large !important;
    font-weight: bold !important;
}

/* Force hidden Bootstrap tab panes to maintain their layout widths */
.tab-content > .tab-pane:not(.active) {
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
}

.text-metal {
    color: #1C1C1C !important;
    background-color: #FFD700 !important;
}

.text-water {
    color: #FEFEFE !important;
    background-color: #0066CC !important;
}

.text-wood {
    color: #FEFEFE !important;
    background-color: #2E7D32 !important;
}

.text-fire {
    color: #FEFEFE !important;
    background-color: #D32F2F !important;
}

.text-earth {
    color: #FEFEFE !important;
    background-color: #A52A2A !important;
}

#auth {
    background: linear-gradient( rgba(17, 17, 17, 0.6), rgba(17, 17, 17, 0.6) ), url(/assets/static/images/bg/img-background-4k.jpg) no-repeat center left fixed; background-size: cover;
}
.sidebar-wrapper .sidebar-header img {
    height: 64px !important;
}
#auth #auth-left .auth-logo img {
    height: 256px !important;
}
#auth #auth-left {
    margin: auto 2rem;
    background-color: rgba(255, 255, 255, .8);
    padding: 1rem 2rem;
}
#auth #auth-left .auth-logo {
    margin-bottom: 1rem;
}
@media screen and (max-width: 576px) {
    #auth #auth-left .auth-logo img {
        height: 180px !important;
    }
}