:root{
    --text-color:#1b1b1b;
    --nav-bg-color: rgb(37,43,58);
    --nav-text-color: #fff;
    --top-nav-height: 48px;
    --body-bg-color: #eef0f5;
    --top-nav-text-color: #fff;
    --sidebar-width: 44px;
    --sidebar-text-color: #1b1b1b;
    --sidebar-line-height: 40px;
    --left-panel-width: 190px;
    --service-line-height: 1.5;
    --service-text-color: #575D6C;
    --block-hover-bg-color: rgba(42, 33, 36,.3);
    --block-hover-text-color:#fff;
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}
:root.dark {
    --dt-html-background: rgb(33, 37, 41);
}
body{position: relative;margin: 0; padding: 0; background: var(--body-bg-color); padding-top: var(--top-nav-height); height: 100%;}
#top-nav{height: var(--top-nav-height); position: absolute; top: 0; left: 0; width: 100%; color: var(--top-nav-text-color); padding: 0 14px;}
#top-nav a{color: var(--top-nav-text-color);}
#top-nav a:hover{color: blanchedalmond;}
#body-container{height: calc(100vh - var(--top-nav-height));}
#top-nav .am-menu-slide1{background-color: var(--nav-bg-color);}
#sidebar {z-index: 1000; width: var(--sidebar-width); position: fixed; height: calc(100% - var(--top-nav-height)); background-color: #fff; left: 0; bottom: 0; overflow-y: auto; text-align: center; padding-top: 26px; border-right: 1px solid #f2f2f2;}
#sidebar a{color: var(--sidebar-text-color); font-weight: 400;}
#web-body{z-index:500; width: calc(100vw - var(--sidebar-width)); margin-left: var(--sidebar-width);}
#left-panel{width: var(--left-panel-width); position: fixed; left: var(--sidebar-width); top: var(--top-nav-height); height: calc(100vh - var(--top-nav-height)); overflow-y: auto; background-color: white; padding: 12px;}
.bms-hr{border-bottom: 1px solid #DFE1E6; padding: 8px;}
#left-panel a{font-size: 12px; color: var(--service-text-color)}
#left-panel ul{list-style: none; margin: 0; padding: 6px 0;}
#left-panel ul li{height: var(--service-line-height);line-height: var(--service-line-height); text-align: left; padding: 8px 30px 8px 20px; display: inline-block; fill: currentColor; margin-bottom: 12px;}
#sidebar .sidebar-item{line-height: var(--service-line-height); display: inline-block; fill: currentColor; padding: 8px 0;}
#sidebar .sidebar-item:hover{background-color: var(--block-hover-bg-color); color: var(--block-hover-text-color);}
/*#sidebar .sidebar-item:hover a{color: var(--block-hover-text-color);}*/
#sidebar .sidebar-item-top-level{padding: 6px; width: 100%; position: relative;}
#sidebar ul{margin: 0; padding: 0;}
#sidebar .sidebar-item-top-level:hover .sidebar-sub-menu{display: block;}
#sidebar .sidebar-sub-menu{
    background-color: white;
    z-index: 1986;
    position: fixed;
    left: var(--sidebar-width);
    width: var(--left-panel-width);
    display: none;
    margin-top: -30px;
    margin-bottom: -10px;
    padding-top: 4px;
}
#sidebar .sidebar-sub-menu .li{width: 100%;}
#sidebar .sidebar-sub-block{display: block; fill: white; margin: 0; padding: 0;}
#sidebar .sidebar-sub-block li{width: 100%; text-align: left; padding: 6px;}
#sidebar .sidebar-sub-block li a{font-size: 14px;}
.bms-card{padding: 12px; background-color: white;}
.am-modal-dialog{padding: 16px; background-color: white}
.am-modal-hd{text-align: left;}K
#view-header{margin-bottom: 12px;}
#web-body{height: calc(100vh - var(--top-nav-height)); overflow-y: auto;}