:root {
  --theme-bgcolor: rgb(50, 162, 112);
  --theme-hover-bgcolor: rgb(50,150,120);
  --theme-border-color: rgba(50, 162, 112, 0.3);
  --theme-fontcolor: #fff;
  --theme-green-bgcolor: var(--theme-hover-bgcolor);
  --antd-wave-shadow-color: var(--theme-fontcolor);
}
::selection {
    background: var(--theme-bgcolor);
}
img { cursor: pointer; }

/* +---------------------------- */
/* | reset ant-ui theme: light|dark|green;
/* +---------------------------- */
.admin_menu .admin_menu_title { background-color: var(--theme-bgcolor) }

.ant-menu-green,
.ant-menu-green .ant-menu-sub {
  color: #fff;
  background-color: var(--theme-bgcolor) !important;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: rgb(240 248 255 / 0%);
    color: var(--theme-fontcolor);
}
.ant-menu-item-active,
.ant-menu-item:hover,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    color: var(--theme-fontcolor);
    background-color: var(--theme-hover-bgcolor);
}
.ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected>a, .ant-menu-vertical-right .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected>a, .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical .ant-menu-submenu-selected>a {
    color: var(--theme-fontcolor);
}

/* > 菜单右边的小箭头 */
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  background-image: none;
}
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before{
    background: linear-gradient(90deg, #FFC107, #FFC107)
}


.ant-btn-primary { background-color: var(--theme-green-bgcolor); border-color: var(--theme-green-bgcolor); }
.ant-btn-primary:focus,
.ant-btn-primary:hover { background-color: var(--theme-green-bgcolor); border-color: var(--theme-green-bgcolor); color: var(--antd-wave-shadow-color); }

.ant-pagination-item-active { border-color: var(--theme-bgcolor); }
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover { border-color: var(--theme-bgcolor); }
.ant-pagination-item-active a { color: var(--theme-bgcolor); }

.ant-modal-close-x {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-bottom-left-radius: 80%;
  background-color: rgb(139 195 74 / 70%);
  color: #fff;
}