:root{
  --header-height: 48px;
  --footer-height: 40px;
  --body-background-color:#f2f2f2;
  --body-color:#000;
  --logon-header-background-color:#fff;
  --logon-border-color:#c9c9c9;
  --logon-input-background-color:#fff;
  --sidebar-trigger-height:48px;
  --error-description-color:rgba(0, 0, 0, 0.60);
  --top-banner-height:0px;
}
[data-color-scheme="dark"]{
  --body-background-color:#151515;
  --body-color:#fff;
  --logon-header-background-color:#212121;
  --logon-border-color:#484848;
  --logon-input-background-color:#212121;
  --error-description-color:rgba(255, 255, 255, 0.60);
}
*{
  padding:0;
  margin:0;
}
body {
  font-size: 14px;
  line-height: 20px;
  color: var(--body-color);
  background-color: var(--body-background-color);
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ant-layout-header{
  height: auto;
}
.ant-menu .ant-menu-item{
  margin-bottom: 4px;
  border-radius: 0;
  margin-inline:0;
  width:100%
}
.ant-menu-vertical,
.ant-menu-inline{
border-inline-end: none!important;
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-inline .ant-menu-item{
  margin-block: 0;
}
ul.ant-menu-inline-collapsed li.ant-menu-item{
  padding-inline: calc(50% - 20px);
  margin-inline:0;
  width:100%
}
.ant-menu-inline-collapsed >.ant-menu-item .ant-menu-item-icon{
  margin: 6px 0 0 6px;
}
/* .ant-menu-light .ant-menu-item-selected{
  background-color: #eceff2;
  color: rgba(0, 0, 0, 0.88);
} */
.ant-menu-dark .ant-menu-item-selected{
  background-color: #ffffff26!important
}
.ant-menu-dark .ant-menu-item{
  color:rgba(255, 255, 255, 0.47)
}
.ant-menu-dark .ant-menu-item:hover {
  color: #fff !important;
  background-color: #ffffff26!important
}
.ant-menu-dark .tm-svg-icon{
  fill: transparent;
}
.ant-menu-dark .tm-svg-icon path,
.ant-menu-dark .tm-svg-icon rect{
  fill: currentColor;
}
.ant-menu-dark .tm-svg-icon path.tm-stroke-path,
.ant-menu-dark .tm-svg-icon circle{
  fill:transparent;
  stroke: currentColor;
}

.ant-menu-dark .tm-icon{
  fill: currentColor;
}
.ant-menu-dark .ant-menu-item:hover .tm-icon{
  color: #fff;
  fill: currentColor;
}
.ant-menu-dark .ant-menu-item.ant-menu-item-selected.ant-menu-item-active:hover,
.ant-menu-dark .ant-menu-item.ant-menu-item-selected.ant-menu-item-active:hover .tm-icon,
.ant-menu-dark .ant-menu-item-selected {
  color: #F24C4F !important;
  fill: currentColor;
}
.ant-menu-dark,
.ant-layout .ant-layout-side,
.ant-layout-sider-trigger,
.ant-layout-sider-children,
.ant-layout .ant-layout-sider,
.ant-layout-sider .ant-layout-sider-dark{
  background-color: #000!important
}
.logon-header,
.logon-footer{
  background-color: var(--logon-header-background-color);
}
.logon-footer{
  border-top: 1px solid var(--logon-border-color);
}
.ems-header__banner{
  width:100%;
  height: var(--header-height);
  box-shadow: 0px 1px 1px var(--logon-border-color);
}
.ems-header__banner img{
  height: 100%;
}
.ems-header .ems-header__banner{
  box-shadow:none
}
.logon-form{
  background-color: var(--logon-header-background-color);
}
.iframeAuth{
  width: 100%;
  height: calc(100vh - var(--header-height) - var(--top-banner-height));
  border: 0;
}
.ant-layout-content{
  background-color: var(--body-background-color);
}
.tmes-content-container{
  height: calc(100vh - var(--header-height) - var(--top-banner-height));
  background-color: var(--body-background-color);
}
.sider-trigger-bar{
  background-color: #000;
}
.sider-trigger-bar-open,
.sider-trigger-bar{
  position: absolute;
  bottom: 0px;
  width: 100%;
  color:rgba(255,255,255,0.47)
}
.sider-trigger-bar .helpMenu,
.sider-trigger-bar .openSildebar{
  height: var(--sidebar-trigger-height);
  cursor:pointer;
}
.sider-trigger-bar .helpMenu:hover,
.sider-trigger-bar .openSildebar:hover{
  background-color: #151515;
  color:#fff
}
.sider-trigger-bar-open .helpMenu,
.sider-trigger-bar-open .closeSildebar{
  cursor:pointer;
  height: var(--sidebar-trigger-height);
  line-height: var(--sidebar-trigger-height);
  padding: 0 20px;
}
.sider-trigger-bar-open .helpMenu:hover,
.sider-trigger-bar-open .closeSildebar:hover{
  background-color: #ffffff26;
  color:#fff
}
.sider-trigger-bar-open .helpMenu:hover svg,
.sider-trigger-bar-open .closeSildebar:hover svg,
.sider-trigger-bar .helpMenu:hover svg,
.sider-trigger-bar .openSildebar:hover svg{
  fill:#fff
}
#root .ant-menu,
#root .ant-menu .ant-menu-submenu-title
#root .ant-menu .ant-menu-item,
#root .ant-menu .ant-menu-item .ant-menu-item-icon, 
#root .ant-menu .ant-menu-submenu-title .ant-menu-item-icon, 
#root .ant-menu .ant-menu-item .anticon, 
#root .ant-menu .ant-menu-submenu-title .anticon,
#root .ant-menu-inline.ant-menu-root .ant-menu-item {
  transition: none!important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--logon-input-background-color) inset;
}

.error-description{
  color: var(--error-description-color);
}