.btn-mark {
    width: 120px !important;
    height: 37px !important;
}

.btn-mark2 {
    width: 170px !important;
    height: 37px !important;
}

    /*.ant-btn{*/
/*    max-width: 220px;*/
/*}*/

.ant-page-header{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-page-header-heading-title{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-statistic-title{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-statistic{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-statistic-content {
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-collapse{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-collapse-header{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-collapse-content{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-typography{
    color: var(--neutral-foreground-rest) !important;
}

.ant-table{
    color: var(--neutral-foreground-rest) !important;
    background: unset !important;
    background-color: unset !important;
}

.ant-table-thead > tr > th {
    color: var(--neutral-foreground-rest) !important;
    background: unset !important;
    background-color: unset !important;
}

td.ant-table-column-sort{
    color: var(--neutral-foreground-rest) !important;
    background: var(--base-layer-luminance) !important;
    background-color: var(--base-layer-luminance) !important;
}
td.ant-table-column-sort:hover{
    color: var(--neutral-foreground-rest) !important;
    background: var(--neutral-stroke-hover) !important;
    background-color: var(--neutral-stroke-hover) !important;
}

.ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover {
   background-color: var(--neutral-stroke-hover) !important;
}

.ant-pagination{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-pagination-item-active{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

.ant-pagination-item{
    color: var(--neutral-foreground-rest) !important;
    background-color: unset !important;
}

/*.ant-select-dropdown {*/
/*    color: var(--fill-color) !important;*/
/*    background: var(--base-layer-luminance) !important;*/
/*    background-color: var(--base-layer-luminance) !important;*/
/*}*/

.ant-drawer{
    z-index: 998 !important;
}

.fix-row .row{
    --bs-gutter-x: 0rem !important;
}

.paginator{
    margin-top: unset !important;
    padding: unset !important;
}

.paginator-nav {
    margin-left: 10px !important;
}

.ant-drawer-content  {
    background: var(--fill-color);
}

/*============================================================================*/

body.light {
    --neutral-layer-card-container: #f3f3f3;
    --neutral-layer-floating: #ffffff;
    --neutral-layer-1: #fbfbfb;
    --neutral-layer-2: #f3f3f3;
    --neutral-layer-3: #ebebeb;
    --neutral-layer-4: #e0e0e0;
    --fill-color: #fbfbfb;
    --accent-fill-rest: #036ac4;
    --accent-fill-hover: #0473ce;
    --accent-fill-active: #0481e0;
    --accent-fill-focus: #036ac4;
    --foreground-on-accent-rest: #ffffff;
    --foreground-on-accent-hover: #ffffff;
    --foreground-on-accent-active: #ffffff;
    --foreground-on-accent-focus: #ffffff;
    --accent-foreground-rest: #023b8f;
    --accent-foreground-hover: #012e7f;
    --accent-foreground-active: #0360b9;
    --accent-foreground-focus: #023b8f;
    --accent-stroke-control-rest: linear-gradient(#1c79ca 90%, #024885 100%);
    --accent-stroke-control-hover: linear-gradient(#1b80d2 90%, #035292 100%);
    --accent-stroke-control-active: #1b8ce3;
    --accent-stroke-control-focus: linear-gradient(#1c79ca 90%, #024885 100%);
    --neutral-fill-rest: #ffffff;
    --neutral-fill-hover: #f7f7f7;
    --neutral-fill-active: #fbfbfb;
    --neutral-fill-focus: #fbfbfb;
    --neutral-fill-input-rest: #ffffff;
    --neutral-fill-input-hover: #f7f7f7;
    --neutral-fill-input-active: #fbfbfb;
    --neutral-fill-input-focus: #ffffff;
    --neutral-fill-input-alt-rest: #f3f3f3;
    --neutral-fill-input-alt-hover: #ebebeb;
    --neutral-fill-input-alt-active: #e0e0e0;
    --neutral-fill-input-alt-focus: #f3f3f3;
    --neutral-fill-layer-rest: #ffffff;
    --neutral-fill-layer-hover: #ffffff;
    --neutral-fill-layer-active: #ffffff;
    --neutral-fill-layer-alt-rest: #ffffff;
    --neutral-fill-secondary-rest: #efefef;
    --neutral-fill-secondary-hover: #f3f3f3;
    --neutral-fill-secondary-active: #f7f7f7;
    --neutral-fill-secondary-focus: #efefef;
    --neutral-fill-stealth-rest: #fbfbfb;
    --neutral-fill-stealth-hover: #efefef;
    --neutral-fill-stealth-active: #f3f3f3;
    --neutral-fill-stealth-focus: #fbfbfb;
    --neutral-fill-strong-rest: #717171;
    --neutral-fill-strong-hover: #4b4b4b;
    --neutral-fill-strong-active: #868686;
    --neutral-fill-strong-focus: #717171;
    --neutral-foreground-rest: #1a1a1a;
    --neutral-foreground-hover: #7a7a7a;
    --neutral-foreground-active: #a8a8a8;
    --neutral-foreground-focus: #1a1a1a;
    --neutral-foreground-hint: #717171;
    --neutral-stroke-rest: #d6d6d6;
    --neutral-stroke-hover: #c6c6c6;
    --neutral-stroke-active: #e0e0e0;
    --neutral-stroke-focus: #d6d6d6;
    --neutral-stroke-control-rest: linear-gradient(#efefef 90%, #d6d6d6 100%);
    --neutral-stroke-control-hover: linear-gradient(#e5e5e5 90%, #cecece 100%);
    --neutral-stroke-control-active: #e5e5e5;
    --neutral-stroke-control-focus: linear-gradient(#e5e5e5 90%, #cecece 100%);
    --neutral-stroke-divider-rest: #ebebeb;
    --neutral-stroke-input-rest: linear-gradient(#efefef calc(100% - 1px), #929292 calc(100% - 1px), #929292);
    --neutral-stroke-input-hover: linear-gradient(#e5e5e5 calc(100% - 1px), #8a8a8a calc(100% - 1px), #8a8a8a);
    --neutral-stroke-input-active: #e5e5e5;
    --neutral-stroke-input-focus: linear-gradient(#e5e5e5 calc(100% - 1px), #8a8a8a calc(100% - 1px), #8a8a8a);
    --neutral-stroke-layer-rest: #efefef;
    --neutral-stroke-layer-hover: #efefef;
    --neutral-stroke-layer-active: #efefef;
    --neutral-stroke-strong-rest: #636363;
    --neutral-stroke-strong-hover: #636363;
    --neutral-stroke-strong-active: #636363;
    --neutral-stroke-strong-focus: #636363;
    --focus-stroke-outer: #000000;
    --focus-stroke-inner: #ffffff;
    --foreground-on-accent-rest-large: #ffffff;
    --foreground-on-accent-hover-large: #ffffff;
    --foreground-on-accent-active-large: #ffffff;
    --foreground-on-accent-focus-large: #ffffff;
    --neutral-fill-inverse-rest-delta: 0;
    --neutral-fill-inverse-hover-delta: -3;
    --neutral-fill-inverse-active-delta: 7;
    --neutral-fill-inverse-focus-delta: 0;
    --neutral-fill-inverse-rest: #131313;
    --neutral-fill-inverse-hover: #272727;
    --neutral-fill-inverse-active: #000000;
    --neutral-fill-inverse-focus: #131313;
    --neutral-fill-stealth-rest-on-neutral-fill-layer-rest: #ffffff;
    --neutral-fill-stealth-hover-on-neutral-fill-layer-rest: #f3f3f3;
    --neutral-fill-stealth-active-on-neutral-fill-layer-rest: #f7f7f7;
    --elevation-shadow-card-rest-size: 4;
    --elevation-shadow-card-hover-size: 8;
    --elevation-shadow-card-active-size: 0;
    --elevation-shadow-card-focus-size: 8;
    --elevation-shadow-card-rest: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(4 * 0.5px) calc((4 * 1px)) rgba(0, 0, 0, 0.14);
    --elevation-shadow-card-hover: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14);
    --elevation-shadow-card-active: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(0 * 0.5px) calc((0 * 1px)) rgba(0, 0, 0, 0.14);
    --elevation-shadow-card-focus: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14);
    --elevation-shadow-tooltip-size: 16;
    --elevation-shadow-tooltip: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(16 * 0.5px) calc((16 * 1px)) rgba(0, 0, 0, 0.14);
    --elevation-shadow-flyout-size: 32;
    --elevation-shadow-flyout: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(32 * 0.5px) calc((32 * 1px)) rgba(0, 0, 0, 0.24);
    --elevation-shadow-dialog-size: 128;
    --elevation-shadow-dialog: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(128 * 0.5px) calc((128 * 1px)) rgba(0, 0, 0, 0.24);
    --input-placeholder-rest: #767676;
    --input-placeholder-hover: #717171;
    --input-filled-placeholder-rest: #6c6c6c;
    --input-filled-placeholder-hover: #6c6c6c;
    --clear-button-hover: #f3f3f3;
    --clear-button-active: #f7f7f7;
    --tree-item-expand-collapse-hover: #e0e0e0;
    --tree-item-expand-collapse-selected-hover: #e0e0e0;
}

body.dark {
    --neutral-layer-card-container: #1a1a1a;
    --neutral-layer-floating: #333333;
    --neutral-layer-1: #272727;
    --neutral-layer-2: #1a1a1a;
    --neutral-layer-3: #0b0b0b;
    --neutral-layer-4: #000000;
    --fill-color: #272727;
    --accent-fill-rest: #60c9fc;
    --accent-fill-hover: #4fc0fc;
    --accent-fill-active: #34b0fb;
    --accent-fill-focus: #60c9fc;
    --accent-foreground-rest: #82ddfd;
    --accent-foreground-hover: #9eecfd;
    --accent-foreground-active: #3db5fb;
    --accent-foreground-focus: #82ddfd;
    --accent-stroke-control-rest: linear-gradient(#7ed3fd 90%, #4ea3cc 100%);
    --accent-stroke-control-hover: linear-gradient(#72cdfd 90%, #419dcf 100%);
    --accent-stroke-control-active: #59befc;
    --accent-stroke-control-focus: linear-gradient(#7ed3fd 90%, #4ea3cc 100%);
    --neutral-fill-rest: #333333;
    --neutral-fill-hover: #383838;
    --neutral-fill-active: #2d2d2d;
    --neutral-fill-focus: #333333;
    --neutral-fill-input-rest: #333333;
    --neutral-fill-input-hover: #383838;
    --neutral-fill-input-active: #2d2d2d;
    --neutral-fill-input-focus: #272727;
    --neutral-fill-input-alt-rest: #1a1a1a;
    --neutral-fill-input-alt-hover: #333333;
    --neutral-fill-input-alt-active: #3d3d3d;
    --neutral-fill-input-alt-focus: #1a1a1a;
    --neutral-fill-layer-rest: #333333;
    --neutral-fill-layer-hover: #383838;
    --neutral-fill-layer-active: #383838;
    --neutral-fill-layer-alt-rest: #212121;
    --neutral-fill-secondary-rest: #383838;
    --neutral-fill-secondary-hover: #333333;
    --neutral-fill-secondary-active: #2d2d2d;
    --neutral-fill-secondary-focus: #383838;
    --neutral-fill-stealth-rest: #272727;
    --neutral-fill-stealth-hover: #383838;
    --neutral-fill-stealth-active: #333333;
    --neutral-fill-stealth-focus: #272727;
    --neutral-fill-strong-rest: #8e8e8e;
    --neutral-fill-strong-hover: #b3b3b3;
    --neutral-fill-strong-active: #7a7a7a;
    --neutral-fill-strong-focus: #8e8e8e;
    --neutral-foreground-rest: #ffffff;
    --neutral-foreground-hover: #a8a8a8;
    --neutral-foreground-active: #7a7a7a;
    --neutral-foreground-focus: #ffffff;
    --neutral-foreground-hint: #8e8e8e;
    --neutral-stroke-rest: #505050;
    --neutral-stroke-hover: #636363;
    --neutral-stroke-active: #464646;
    --neutral-stroke-focus: #505050;
    --neutral-stroke-control-rest: linear-gradient(#505050 0%, #383838 10%);
    --neutral-stroke-control-hover: linear-gradient(#595959 0%, #414141 10%);
    --neutral-stroke-control-active: #414141;
    --neutral-stroke-control-focus: linear-gradient(#595959 0%, #414141 10%);
    --neutral-stroke-divider-rest: #3d3d3d;
    --neutral-stroke-input-rest: linear-gradient(#383838 calc(100% - 1px), #929292 calc(100% - 1px), #929292);
    --neutral-stroke-input-hover: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a);
    --neutral-stroke-input-active: #414141;
    --neutral-stroke-input-focus: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a);
    --neutral-stroke-layer-rest: #383838;
    --neutral-stroke-layer-hover: #383838;
    --neutral-stroke-layer-active: #383838;
    --neutral-stroke-strong-rest: #9e9e9e;
    --neutral-stroke-strong-hover: #9e9e9e;
    --neutral-stroke-strong-active: #9e9e9e;
    --neutral-stroke-strong-focus: #9e9e9e;
    --neutral-fill-inverse-rest: #ffffff;
    --neutral-fill-inverse-hover: #fbfbfb;
    --neutral-fill-inverse-active: #ffffff;
    --neutral-fill-inverse-focus: #ffffff;
    --neutral-fill-stealth-rest-on-neutral-fill-layer-rest: #333333;
    --neutral-fill-stealth-hover-on-neutral-fill-layer-rest: #414141;
    --neutral-fill-stealth-active-on-neutral-fill-layer-rest: #3d3d3d;
    --input-placeholder-rest: #9e9e9e;
    --input-placeholder-hover: #a2a2a2;
    --input-filled-placeholder-rest: #a2a2a2;
    --input-filled-placeholder-hover: #9e9e9e;
    --clear-button-hover: #383838;
    --clear-button-active: #333333;
    --tree-item-expand-collapse-hover: #464646;
    --tree-item-expand-collapse-selected-hover: #464646;
}

.fluent-data-grid-row > td {
    height: 100% !important;
}

.ant-drawer-content {
    background: var(--fill-color);
}

.ant-tabs-tab-btn {
    color: var(--neutral-foreground-rest) !important;
}

.ant-select-selector,
.ant-picker,
.ant-input {
    background:
            padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)),
            border-box var(--neutral-stroke-control-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
}
.ant-input[disabled],
.ant-input[disabled]:hover {
    border: calc(var(--stroke-width) * 1px) solid transparent;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-picker-focused,
.ant-input:focus,
.ant-input-focused {
    border-color: transparent;
    box-shadow: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ant-picker:hover,
.ant-input:hover {
    border-color: transparent;
    box-shadow: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: transparent;
    box-shadow: none;
}

.ant-select-dropdown {
    background-color: var(--neutral-fill-stealth-rest);
}

.ant-select {
    color: var(--neutral-foreground-rest);
}

.ant-select-item {
    color: var(--neutral-foreground-rest);
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-secondary-rest);
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled):not(.ant-select-item-option-selected) {
    background-color: var(--neutral-fill-secondary-rest);
}

.ant-table-cell,
.ant-collapse,
.ant-collapse > .ant-collapse-item,
.ant-collapse-content {
    border-color: var(--neutral-stroke-divider-rest) !important;
}

.ant-btn {
    color: var(--neutral-foreground-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    background:
            padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)),
            border-box var(--neutral-stroke-control-rest);
}

.ant-btn:hover,
.ant-btn:focus {
    color: #40a9ff;
    background:
            padding-box linear-gradient(var(--neutral-fill-active), var(--neutral-fill-active)),
            border-box var(--neutral-stroke-control-active);
}

body.dark .ant-tag-pink {
    color: var(--fill-color) !important;
    background: #991f62;
    border-color: #991f62;
}
body.dark .ant-tag-pink span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-pink-inverse {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}
body.dark .ant-tag-magenta {
    color: var(--fill-color) !important;
    background: #a02066;
    border-color: #a02066;
}
body.dark .ant-tag-magenta span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-magenta-inverse {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}
body.dark .ant-tag-red {
    color: var(--fill-color) !important;
    background: #97151c;
    border-color: #97151c;
}
body.dark .ant-tag-red span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-red-inverse {
    color: #cf1322;
    background: #fff1f0;
    border-color: #ffa39e;
}
body.dark .ant-tag-volcano {
    color: var(--fill-color) !important;
    background: #963211;
    border-color: #963211;
}
body.dark .ant-tag-volcano span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-volcano-inverse {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96;
}
body.dark .ant-tag-orange {
    color: var(--fill-color) !important;
    background: #91510d;
    border-color: #91510d;
}
body.dark .ant-tag-orange span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-orange-inverse {
    color: #d46b08;
    background: #fff7e6;
    border-color: #ffd591;
}
body.dark .ant-tag-yellow {
    color: var(--fill-color) !important;
    background: #bda50e;
    border-color: #bda50e;
}
body.dark .ant-tag-yellow span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-yellow-inverse {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f;
}
body.dark .ant-tag-gold {
    color: var(--fill-color) !important;
    background: #a06f0c;
    border-color: #a06f0c;
}
body.dark .ant-tag-gold span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-gold-inverse {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f;
}
body.dark .ant-tag-cyan {
    color: var(--fill-color) !important;
    background: #0d8181;
    border-color: #0d8181;
}
body.dark .ant-tag-cyan span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-cyan-inverse {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de;
}
body.dark .ant-tag-lime {
    color: var(--fill-color) !important;
    background: #668a0b;
    border-color: #668a0b;
}
body.dark .ant-tag-lime span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-lime-inverse {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f;
}
body.dark .ant-tag-green {
    color: var(--fill-color) !important;
    background: #398612;
    border-color: #398612;
}
body.dark .ant-tag-green span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-green-inverse {
    color: #389e0d;
    background: #f6ffed;
    border-color: #b7eb8f;
}

body.dark .ant-tag-blue {
    color: var(--fill-color) !important;
    background: #105fa8;
    border-color: #105fa8;
}
body.dark .ant-tag-blue span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-blue-inverse {
    color: #096dd9;
    background: #e6f7ff;
    border-color: #91d5ff;
}
body.dark .ant-tag-geekblue {
    color: var(--fill-color) !important;
    background: #1e3696;
    border-color: #1e3696;
}
body.dark .ant-tag-geekblue span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-geekblue-inverse {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff;
}
body.dark .ant-tag-purple {
    color: var(--fill-color) !important;
    background: #5c25a8;
    border-color: #5c25a8;
}
body.dark .ant-tag-purple span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-purple-inverse {
    color: #531dab;
    background: #f9f0ff;
    border-color: #d3adf7;
}
body.dark .ant-tag-success {
    color: var(--fill-color) !important;
    background: #3c8f13;
    border-color: #3c8f13;
}
body.dark .ant-tag-success span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-processing {
    color: var(--fill-color) !important;
    background: #0f5ba1;
    border-color: #0f5ba1;
}
body.dark .ant-tag-processing span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-error {
    color: var(--fill-color) !important;
    background: #a33133;
    border-color: #a33133;
}
body.dark .ant-tag-error span {
    color: var(--fill-color) !important;
}
body.dark .ant-tag-warning {
    color: var(--fill-color) !important;
    background: #b17b0e;
    border-color: #b17b0e;
}
body.dark .ant-tag-warning span {
    color: var(--fill-color) !important;
}

.ant-picker-clear {
    background: transparent;
}

.ant-input,
.ant-picker-input > input {
    color: var(--neutral-foreground-rest);
}

.ant-empty-description {
    color: var(--neutral-foreground-rest);
}

body.dark .ant-table-tbody > tr.ant-table-placeholder:hover > td {
    background:
            padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)),
            border-box var(--neutral-stroke-control-rest);
}

body.dark .ant-drawer-title {
    color: var(--neutral-foreground-rest);
}

body.dark .ant-select-multiple .ant-select-selection-item {
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
}

body.dark .ant-select-multiple .ant-select-selection-item-remove {
    color: var(--accent-fill-rest);
}
body.dark .ant-drawer-close {
    color: var(--neutral-foreground-rest);
}

body.dark .ant-drawer-header {
    border-color: var(--neutral-stroke-divider-rest);
}
body.dark .ant-tree {
    background: padding-box
    linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)),
    border-box var(--neutral-stroke-control-rest);
    color: var(--neutral-foreground-rest);
}
body.dark .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background: transparent;
    border-color: var(--neutral-foreground-rest);
}
body.dark .ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: transparent;
}

body.dark .ant-tree-checkbox-inner {
    background: transparent;
}

body.dark
.ant-input-search
> .ant-input-group
> .ant-input-group-addon:last-child
.ant-input-search-button:not(.ant-btn-primary),
body.dark .ant-picker-clear,
body.dark .ant-picker-suffix {
    color: var(--input-placeholder-rest);
}

body.dark .ant-input[disabled] {
    color: var(--input-placeholder-rest);
}

body.dark .ant-table-row-expand-icon {
    background: transparent;
}

body.dark tr.ant-table-expanded-row > td,
body.dark tr.ant-table-expanded-row:hover > td {
    background: transparent;
}

h5.ant-typography, div.ant-typography-h5, div.ant-typography-h5 > textarea, .ant-typography h5 {
    color: var(--neutral-foreground-rest) !important;
}

.ant-divider-horizontal.ant-divider-with-text {
    color: var(--neutral-foreground-rest) !important;
}

.dark .ant-page-header-heading-sub-title, .dark .ant-descriptions-item-content, .dark .ant-descriptions-item-label, .dark .ant-tabs {
    color: var(--neutral-foreground-rest) !important;
}
.dark .e-content  * {
    color: var(--neutral-foreground-rest) !important;
}

.dark .apexcharts-menu {
    background: black;
    border: 1px solid black;
}

.dark .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
    background: padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)), border-box var(--neutral-stroke-control-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
}

.dark .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner {
    background: #1890ff;
    border-color: #1890ff;
}

.dark .ant-checkbox-wrapper span:not(.ant-checkbox) {
    color: var(--neutral-foreground-rest) !important;
}

.dark .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)), border-box var(--neutral-stroke-control-rest) !important;
    color: var(--neutral-foreground-rest) !important;
    opacity: 0.2;
}

.dark .e-content * {
    background: transparent !important;
}

.dark .apexcharts-svg .apexcharts-title-text, .dark .apexcharts-svg .apexcharts-text{
    fill: var(--neutral-foreground-rest) !important;

}

.dark .apexcharts-svg .apexcharts-legend-series .apexcharts-legend-text {
    color: var(--neutral-foreground-rest) !important;

}

.dark .ant-statistic {
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 10px !important;
}

input[type='file'] {
    border: none;
}
input::file-selector-button {
    font-weight: bold;
    padding: 0.5em;
    border: thin solid grey;
    border-radius: 3px;

    color: var(--neutral-foreground-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    background: padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)), border-box var(--neutral-stroke-control-rest);

    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;

    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    touch-action: manipulation;
    height: 37px !important;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
}

input::file-selector-button:hover,
input::file-selector-button:focus
{
    color: #40a9ff;
    background: padding-box linear-gradient(var(--neutral-fill-active), var(--neutral-fill-active)), border-box var(--neutral-stroke-control-active);
    border-color: #40a9ff;
}

.dark .ant-tag-default {
    color: var(--neutral-foreground-rest);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    background: padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)), border-box var(--neutral-stroke-control-rest);
}

.ant-btn.btn-mark2 {
    width: auto  !important;
    min-width: 170px !important;
}

.ant-picker-panel-container {
    border: calc(var(--stroke-width) * 1px) solid transparent;
    background: padding-box linear-gradient(var(--neutral-fill-rest), var(--neutral-fill-rest)), border-box var(--neutral-stroke-control-rest);
}

.ant-picker-panel-container .ant-picker-header,
.ant-picker-panel-container .ant-picker-footer {
    border-bottom: 1px solid var(--neutral-stroke-rest) !important;
    color: var(--neutral-foreground-rest);
}

.ant-picker-panel-container .ant-picker-footer {
    border-top: 1px solid var(--neutral-stroke-rest) !important;
}

.ant-picker-panel-container .ant-picker-panel {
    border: 0px solid transparent !important;
}

.ant-picker-panel-container .ant-picker-header-prev-btn,
.ant-picker-panel-container .ant-picker-header-super-prev-btn,
.ant-picker-panel-container .ant-picker-header-next-btn,
.ant-picker-panel-container .ant-picker-header-super-next-btn {
    color: var(--neutral-foreground-rest);
    opacity: 0.25;
}

.ant-picker-panel-container .ant-picker-header-prev-btn:hover,
.ant-picker-panel-container .ant-picker-header-super-prev-btn:hover,
.ant-picker-panel-container .ant-picker-header-next-btn:hover,
.ant-picker-panel-container .ant-picker-header-super-next-btn:hover {
    color: var(--neutral-foreground-rest);
    opacity: 0.85;
}

.ant-picker-panel-container .ant-picker-content thead th {
    color: var(--neutral-foreground-rest);
}

.ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell:not(.ant-picker-cell-selected) {
    color: var(--neutral-foreground-rest);
    opacity: 0.25;
}

.ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell.ant-picker-cell-in-view:not(.ant-picker-cell-selected) {
    color: var(--neutral-foreground-rest);
    opacity: 0.85;
}

.ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell:hover:not(.ant-picker-cell-in-view),
.ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end){
    opacity: 0.85;
}
.dark .ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.dark .ant-picker-panel-container .ant-picker-content tbody td.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
    outline: 1px solid #40a9ff;
    background: padding-box linear-gradient(var(--neutral-fill-active), var(--neutral-fill-active)), border-box var(--neutral-stroke-control-active);
}

@media (hover: hover) and (pointer: fine) {

    .dark nav::-webkit-scrollbar, .fluent-dialog-body::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .dark nav::-webkit-scrollbar-track, .fluent-dialog-body::-webkit-scrollbar-track {
        background:  transparent;
    }

    .dark nav::-webkit-scrollbar-thumb, .fluent-dialog-body::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 999px;
    }

    .dark .body-content::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .dark .body-content::-webkit-scrollbar-track {
        background:  transparent;
    }

    .dark .body-content::-webkit-scrollbar-thumb {
        background: #60c9fc;
        border-radius: 0px;
    }
}