/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
  height: 100%;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
}
canvas {
  display: block;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
}
@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}







.ant-layout-sider-children {
    /*  background-color: #8CC640;*/
    background-color: midnightblue;
}

/* Set the background color of the sidebar */
.ant-layout-sider {
    background-color: midnightblue !important;
}

    /* Set the background color of the main menu */
    .ant-layout-sider .ant-menu {
        background-color: midnightblue !important;
    }

    /* Set the text color of all menu items */
    .ant-layout-sider .ant-menu-item,
    .ant-layout-sider .ant-menu-submenu-title {
        color: white !important; /* Set text color to white */
    }

    /* Set the background color of the selected menu item */
    .ant-layout-sider .ant-menu-item-selected {
        background-color: #8CC640 !important; /* Replace with your desired color */
    }

        /* Set the text color of the selected menu item */
        .ant-layout-sider .ant-menu-item-selected a {
            color: white !important; /* Replace with your desired text color */
        }

    /* Set the text color of submenu items */
    .ant-layout-sider .ant-menu-submenu-popup .ant-menu-item,
    .ant-layout-sider .ant-menu-submenu-popup .ant-menu-submenu-title {
        color: white !important; /* Set text color to white */
    }

    /* Ensure menu title content has white text */
    .ant-layout-sider .ant-menu-title-content {
        color: white !important;
    }

    /* Ensure links inside menu items have white text */
    .ant-layout-sider .ant-menu-item a,
    .ant-layout-sider .ant-menu-submenu-title a {
        color: white !important;
    }
/* Set the color of submenu icons */
.ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
    color: white !important; /* Set icon color to white */
}
/* Set the color of submenu icons */
.ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
    color: white !important; /* Set icon color to white */
}
/* Change the color of the ::after pseudo-element to maroon */
.ant-menu-item-selector::after {
    background-color: midnightblue !important; /* Ensure the background color is maroon */
    border-color: midnightblue !important; /* If there's a border, ensure its color is maroon */
}




/* Styles for ChartCard component #aa0000*/
.ant-card-body {
    background-color: lightgray;
    color: blue;
    border-radius: 8px; /* Adjust border radius as needed */
    padding: 16px; /* Adjust padding as needed */
}

    .ant-card-body .chartCard .avatar {
        /* Styles for avatar if necessary */
    }

    .ant-card-body .chartCard .metaWrap {
        /* Styles for metaWrap if necessary */
    }

    .ant-card-body .chartCard .meta {
        color: blue;
    }

    .ant-card-body .chartCard .title {
        color: blue;
    }

    .ant-card-body .chartCard .total {
        color: blue;
    }

    .ant-card-body .chartCard .content {
        height: 46px; /* Set the height of the content area */
    }

        .ant-card-body .chartCard .content .miniProgress {
            /* Styles for miniProgress if necessary */
        }

        .ant-card-body .chartCard .content .progressWrap {
            /* Styles for progressWrap if necessary */
        }

        .ant-card-body .chartCard .content .progress {
            color: white;
        }

    .ant-card-body .chartCard .footer {
        /* Styles for footer if necessary */
    }

        .ant-card-body .chartCard .footer .field .label {
            color: blue; /* Set text color of labels to white */
        }

        .ant-card-body .chartCard .footer .field .number {
            color: blue; /* Set text color of numbers to white */
        }

span[b-l888ostztz] {
    color: blue !important;
    font-weight:bold;
}
span.trendText[b-shc9pbjbmp] {
    color: blue;
}


.ant-pro-setting-drawer-handle {
    background-color: #8CC640; /* Set the background color to maroon */
}

    .ant-pro-setting-drawer-handle .anticon {
        color: darkgreen; /* Set the icon color to white for better contrast */
    }

    .ant-pro-setting-drawer-handle:hover {
        background-color: darkgreen; /* Set a different shade of maroon for hover effect */
    }
.searchicon {
    background-color: #8CC640;
    color: white;
    border-radius:8px;
}