body {
    background-color: #0f172a;
    color: #f1f5f9;
}
.fTable > .footer > .pagination > .active {
    background-color: #025b81;
}

/* overrides */
.mdtoast {
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 7px 12px 2px rgba(0, 0, 0, 0.1);
}
.page.management {
    background-color: #0b1120;
}
.page.management > .menu {
    background-color: #131827;
}
.page.hasMegaMenu > .header.web > .section > .center > .search > .inputWrapper > input {
    background-color: #ffffff;
}
.page.hasMegaMenu > .header.web > .section > .center > .search > .inputWrapper > input::placeholder {
    color: #b0b0b0;
}
.page.hasMegaMenu > .header.web > .section > .side:last-child > .button {
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4);
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper {
    background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 100%);
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.40) inset, 1px 1px 1px -0.5px rgba(255, 255, 255, 0.50) inset, 0 32px 64px 0 rgba(221, 221, 221, 0.08) inset;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > div[key='all'] > div {
    background-color: #0096d6;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page.hasMegaMenu > .header.web > .section > .side:last-child > .button[key='setting'] {
    background-color: #eaeaea;
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > .button {
    color: rgba(255 255 255 / 0.8);
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > .group > a {
    color: rgba(255 255 255 / 0.8);
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side:not(:first-child) {
    border-left: 0.5px dashed #8c97a3;
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side > .title,
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side > .content > div {
    color: #0f172a;
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side > .content > .button:hover {
    background-color: rgba(210 208 235 / 0.8);
}
.page.hasMegaMenu > .content .footer > .top > .buttons > div > .button,
.page.hasMegaMenu > .content .footer > .top > .buttons > div > a {
    color: #8f847e;
}
.page.hasMegaMenu > .content .footer > .bottom > div {
    background-image: linear-gradient(90deg, #004fb7 0%, #008979 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.view.management {
    background-color: #131827;
}
.fForm > .fields > .field > input,
.fForm > .fields > .field > select,
.fForm > .fields > .field[key='description'] > textarea,
.fForm > .fields > .field > .inputWrapper > input {
    background-color: #0b1120;
    color: #ffffff;
}
.fTable > .content > table > thead > .filterFields {
    background-color: #131827;
}
.fTable > .content > table > thead > .filterFields > th > input,
.fTable > .content > table > thead > .filterFields > th > select {
    background-color: #0b1120;
    color: #ffffff;
}
.fTable > .content > table > thead > .buttons > th > .button {
    background-color: #0096d6;
}

#box {
    background-color: #0b1120;
}