/*Green*/
#legend_green {
    background: #55AD62;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#legend_green > div > div.flex.items-center.gap-x-2 > span {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_green > div > div.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_green > div > div.flex.items-center.gap-x-1 > span {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_green > div > div.flex.items-center.gap-x-1 > svg {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/*Orange*/
#legend_orange {
    background: #FFAC1C;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#legend_orange > div > div.flex.items-center.gap-x-2 > span {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_orange > div > div.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_orange > div > div.flex.items-center.gap-x-1 > span {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_orange > div > div.flex.items-center.gap-x-1 > svg {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/*Red*/
#legend_red {
    background: #E35335;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#legend_red > div > div.flex.items-center.gap-x-2 > span {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_red > div > div.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_red > div > div.flex.items-center.gap-x-1 > span {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#legend_red > div > div.flex.items-center.gap-x-1 > svg {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.panel-logo {
    margin-top: 10px;
}

body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.hidden {
    background: #f7f7f7 !important;
}

.dark body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside {
    background: #242424 !important;
}

body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside {
    background: #fcfcfc !important;
}