.wotu-ui.x-webkit.x-border-layout-ct {
    background: #333;
}

.wotu-ui .main-header {
    box-shadow: 0px 5px 5px #333;
}

.wotu-ui .main-header .header-menu .x-btn-wrap-default-small.x-btn-arrow-right:after {
    color: #fff;
}

.main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner {
    background: #000
}

.main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner > .x-box-target > .yvan_design > .x-panel-bodyWrap > .x-panel-body {
    background: #000
}

.main-header .header-menu .x-btn-inner-default-small {
    color: #fff;
    font-size: 13px;
}

.x-panel.main-header .x-btn-icon-el-default-small {
    color: #cdc9a5;
}

.wotu-ui .main-tree-left .x-panel-header-default {
    background: #212121;
    border-bottom: 1px solid #000;
    box-sizing: content-box;
}

.x-autowidth-table .x-grid-item {
    background: #333;
}

.wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct {
    background: #212121;
}

.wotu-ui .main-tree-left .x-tree-view {
    background: #212121;
}

.wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct {
    border-left-color: #212121;
    border-top: 1px solid #313030;
}

.wotu-ui .main-tree-left .x-tree-view {
    border-top-color: #212121;
}

.wotu-ui .main-tree-left .x-grid-no-row-lines {
    border-left-color: #212121;
}

.wotu-ui .main-tree-left .x-grid-row[aria-selected="true"] {
    background-color: #5a5a5a;
}

.x-form-text-default {
    background: #000;
}

.main-tree-left + .x-splitter {
    background: #000;
}

/*滚公条*/
*::-webkit-scrollbar {
    width: 9px;
    height: 12px;
}

*::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

*::-webkit-scrollbar-track {
    background: #212121;
}

/*滚轴的颜色*/
*::-webkit-scrollbar-thumb {
    background: #555758;
}

*::-webkit-scrollbar-track, *::-webkit-scrollbar-thumb {
    border-radius: 3px;
}

*::-webkit-scrollbar-corner, *::-webkit-scrollbar-button {
    background: #3f4244;
}

.x-grid-item-selected {
    color: #fff
}

.wotu-ui .main-tree-left .x-tree-icon-leaf, .wotu-ui .main-tree-left .x-tree-icon-parent-expanded {
    color: #fff
}

.wotu-ui .main-tree-left .x-grid-item {
    color: #fff;
    font-weight: 400;
    background: #212121;
}

.wotu-ui .main-tree-left .x-grid-row[aria-selected="true"] {
    color: #fff;
}

.wotu-ui .main-tree-left .x-tree-icon-parent {
    color: #fff
}

.x-keyboard-mode .main-tree-left .x-grid-row[aria-selected="true"] .x-grid-item-focused {
    color: #fff;
}

.wotu-ui .main-tree-left .x-grid-tree-node-expanded .x-tree-elbow-plus, .wotu-ui .main-tree-left .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    color: #fff;
}

.wotu-ui .main-tree-left .x-tree-elbow-plus, .wotu-ui .main-tree-left .x-tree-elbow-end-plus, .wotu-ui .main-tree-left .x-tree-icon-parent {
    color: #fff
}

.x-unselectable {
    /*cursor: pointer;*/
}

.x-splitter-vertical {
    cursor: col-resize;
    background: #000;
}

.main-content > .x-panel-bodyWrap {
    background: #212121;
}

.wotu-ui .main-content .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
    background: #434343;
}

.wotu-ui .main-content .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #ffc600;
}

.wotu-ui .main-content > .x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default {
    border: none;
    background: #222;
}

.wotu-ui .main-content > .x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
    border: none;
    background: #333;
}

.x-tab-bar-plain .x-tab-inner-default {
    color: #c8c8c8;
}

.x-tab-bar-plain .x-tab-over.x-tab-default .x-tab-inner-default {
    color: #ffc600;
}

.wotu-ui.x-border-layout-ct {
    background: #212121;
}

.wotu-ui .main-content div.x-border-layout-ct {
    /*background: #212121;*/
    background: #333;
}

.wotu-ui .main-content .x-panel-bodyWrap > .x-box-layout-ct {
    background: #333;
}

/*.main-content .x-toolbar{*/
/* position: relative;*/
/*}*/
/*.main-content .x-toolbar:after{*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 1px;*/
/* background: #fff;*/
/* content: '';*/
/* bottom:1px;*/
/* left:0;*/
/*}*/
.main-content .x-panel:not(.x-grid-locked) > .x-panel-bodyWrap > .x-toolbar {
    position: relative;
}

.main-content .x-panel:not(.x-grid-locked) > .x-panel-bodyWrap > .x-toolbar:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    content: '';
    bottom: 1px;
    left: 0;
}

.wotu-ui .x-column-header-inner {
    background: #333;
    color: #ffff;
}

.wotu-ui .x-column-header {
    border-color: #505050;
}

.x-grid-scrollbar-clipper > .x-grid-view, .x-grid-scrollbar-clipper > .x-tree-view {
    background-color: #333;
}

.x-grid-item {
    background-color: #333;
    color: #fff;
}

.wotu-ui .x-grid-header-ct-default .x-box-inner {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #505050;
}

.wotu-ui .x-docked-noborder-left {
    border: none
}

.wotu-ui .x-panel-bodyWrap > .x-box-layout-ct {
    border: none;
    background: #333;
}

.x-tree-view {
    background: #333;
    border-top: 0
}

.x-grid-no-row-lines {
    border: none
}

.x-toolbar {
    border-bottom: 1px solid #000;
    background: #333;
    border-color: #000;
}

.wotu-ui .x-grid-locked-split .x-grid-inner-normal {
    border-color: #505050;
}

.wotu-ui .x-grid-with-col-lines .x-grid-cell {
    border-color: #505050;

}

.wotu-ui .x-grid-row .x-grid-cell-selected {
    background-color: #bfb79d;
    color: #fff;
}

.wotu-ui .x-grid-with-row-lines .x-grid-item {
    border-color: #505050;
}

.wotu-ui .x-grid-width-row-lines .x-grid-item-selected + .x-grid-item {
    border: none;
    background: #000;
}

.main-content .x-grid-item-over {
    background: #000;
}

.wotu-ui .x-grid-width-row-lines .x-grid-item.x-grid-item-over {
    border-color: #505050;
    background: #000;
}

.wotu-ui .x-grid-row[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-red[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-bg-green[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-bg-red[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-bg-yellow[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-bg-purple[aria-selected="true"],
.wotu-ui .x-grid-row.x-grid-record-bg-blue[aria-selected="true"] {
    background-color: #7f7f7f;
    color: #fff;
}

.x-keyboard-mode .x-grid-row[aria-selected="true"] .x-grid-item-focused {
    color: #fff;
}

.x-keyboard-mode .x-grid-cell-inner {
    border: none
}

.x-grid-item-alt {
    background: #444;
}

.x-tree-view.x-tree-view-default .x-grid-cell-inner {
    cursor: pointer;
}

.x-grid-scroll-body {
    background: #333;
}

.x-grid-empty {
    background: #333;
    color: #fff
}

.x-keyboard-mode .x-grid-item-focused {
    color: #fff;
}

.x-column-header-trigger {
    background-color: #000000;
    border-left: 1px solid #3d3d3d;
}

.x-column-header-open .x-column-header-trigger {
    background: #cdc9a5;
    color: #fff;
}

.x-grid-scrollbar-visible {
    background: #333;
}

.x-grid-cell-row-numberer {
    background-color: #333;
}

.x-grid-inner-locked {
    border-right-color: #505050;
}

.x-grid-scrollbar-clipper-locked {
    border-color: #505050
}

.x-grid-cell-inner-row-numberer.x-grid-cell-inner {
    color: #fff;
}

.x-grid-scroll-container {
    background-color: #222;
}

.x-grid-scrollbar-clipper-locked, .x-grid-scrollbar-locked {
    border-color: #4f5050;
}

.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    color: #fff;
}

.x-progress-default {
    background-color: #636161;
}

.x-progress-default .x-progress-text-back {
    color: #fff;
}

.x-progress-default .x-progress-bar-default {
    background-color: #6686a1;
}

.x-grid-record-bg-red.x-grid-row {
    background: #c36d6d;
}

.x-grid-record-bg-green.x-grid-row {
    background: #5b8c3c;
}

.large-red span.x-form-item-label-text {
    color: #d35858;
}

/*-------------------*/
.wotu-ui .x-panel-body-default {
    background: #333;
}

.x-collapse-el {
    background-color: #404040;
    color: #989898
}

.wotu-ui .x-tree-checkbox, .wotu-ui .x-grid-hd-checker-on .x-column-header-checkbox:after, .wotu-ui .x-grid-checkcolumn-checked:after {
    color: #d5ceb4;
}

.wotu-ui .main-content .x-tree-elbow-plus, .wotu-ui .main-content .x-tree-elbow-end-plus, .wotu-ui .main-content .x-tree-icon-parent {
    color: #bfbfbf
}

.wotu-ui .main-content .x-grid-tree-node-expanded .x-tree-elbow-plus, .wotu-ui .main-content .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    color: #bfbfbf
}

.wotu-ui .main-content .x-tree-icon-parent-expanded, .wotu-ui .main-content .x-tree-icon-leaf {
    color: #bfbfbf
}

/*按钮*/
.grid-bbar .x-btn-default-toolbar-small {
    background: #333;
    border: none;
}

.grid-bbar.x-toolbar-default.x-docked-bottom.x-toolbar-docked-bottom {
    box-shadow: 0 1px 4px 0 rgba(190, 190, 190, .6);
}

.grid-bbar .x-btn-icon-el-default-toolbar-small {
    color: #d3d3d3;
}

.grid-bbar .x-toolbar-text-default {
    color: #fff;
}

.x-toolbar-default .x-toolbar-separator-horizontal {
    border-left-color: #5e5e5e;
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    background-color: #676666;
    border-color: #676666;
}

.x-btn.x-btn-disabled .x-btn-inner-default-toolbar-small, .x-btn.x-btn-disabled .x-btn-icon-el-default-toolbar-small {
    color: #fff;
}

.x-grid .grid-bbar .x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    background-color: #333;
}

/*-form-*/
.wotu-ui .x-form-trigger-wrap-default {
    border-color: #645f5f;
}

input::-webkit-input-placeholder { /* WebKit browsers*/
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

input:-ms-input-placeholder { /* Internet Explorer 10+  9b9b99*/
    color: #fff;
    font-weight: 400;
}

input[aria-disabled="true"] {
    background: #383838
}

.x-form-text-default {
    color: #fff;
}

.x-form-text-default[readonly="readonly"] {
    background: #212020
}

.x-form-trigger-default {
    /*background: #383838;*/
    background-color: black;
    color: #ffffff;
}

.wotu-ui li.x-boundlist-selected {
    background: #f4c521;
    border-color: #f4c521;
}

.wotu-ui .x-boundlist-item.x-boundlist-item-over {
    background: #f4c521;
}

.wotu-ui .x-boundlist-item {
    background: #3e3e3e;
    color: #fff;
}

.x-form-item-label-default {
    color: #fff;
    font-weight: 400;
}

.x-btn-default-toolbar-small {
    background-color: #767676;
    border-color: #767676;
}

.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
    color: #fff;
}

.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    color: #fff;
}

.x-btn-over.x-btn-default-toolbar-small {
    border-color: #f4c521;
    background-image: none;
    background-color: #f4c521;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
    background-color: #767676;
    border-color: #767676;
    color: #fff;
}

.x-toolbar-default .x-box-menu-after {
    background: none;
    border: none;
}

.x-fieldset.x-fieldset-default {
    background: #333;
    border: 1px solid #504f4f !important;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    color: #fff
}

.x-form-cb-label-default.x-form-cb-label-after {
    color: #fff;
}

.x-form-spinner-default {
    background-color: #383838;
    color: #f7f7f7;
}

.wotu-ui .x-form-trigger-wrap > div.x-form-trigger.x-form-clear-trigger {
    padding-left: 5px;
}

.x-form-display-field-default {
    color: #fff;
}

/*searchbox*/
.x-boundlist > .x-panel > .x-panel-header {
    background: #212121;
}

.x-boundlist .x-toolbar {
    background: #212121;
}

.x-boundlist .x-toolbar-default {
    background-color: #333;
}

.x-boundlist .x-grid-scroll-container {
    background-color: #333;
}

.x-boundlist > .x-panel-default {
    border: 1px solid #6a6868;
}

.x-css-shadow {
    box-shadow: rgb(16 16 16) 0px 0px 102px !important;
}

/*-window-*/
.wotu-ui .x-window.x-window-default, .wotu-ui .x-window.x-window-header-default {
    border-color: #6a6868;
}

.wotu-ui .x-window .x-window-header-default-top {
    background: #212121;
    border: none;
    border-bottom: 1px solid #313131;
}

.x-window-body-default {
    background: #333;
}

.wotu-ui .x-window.x-window-default {
    background: #333;
}

.x-window .x-window-bodyWrap .x-toolbar-footer {
    background-color: #333;
    padding: 10px 0 6px 6px;
    border: none;
    border-top: 1px solid #212121;
    border-radius: 0;
}

.wotu-ui .x-window.x-toolbar-footer {
    background-color: #333;
}

.x-window-bodyWrap .x-toolbar {
    border-color: #333;
}

.wotu-ui .x-window .x-panel-bodyWrap > .x-box-layout-ct {
    background: #333;
}

.wotu-ui .x-window .x-panel-body-default {
    background-color: #333;
}

.wotu-ui .x-window .x-window-header-default .x-tool-img {
    background: #212121;
}

.wotu-ui .x-window .x-btn-default-small, .wotu-ui .x-window .x-btn-inner-default-small {
    background-color: #b79f4b;
    border-color: #b79f4b;
}

.wotu-ui .x-window .x-btn-default-small:hover, .wotu-ui .x-window .x-btn-default-small:hover .x-btn-inner {
    background: #af9641;
}

.x-window-body > .x-panel > .x-panel-bodyWrap > .x-toolbar {
    position: relative;
}

.x-window-body > .x-panel > .x-panel-bodyWrap > .x-toolbar:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #000;
}

.wotu-ui .x-window .x-splitter-vertical {
    background: #212121;
}

.x-box-scroller-body-vertical {
    background: #333;
}

.x-menu-default {
    border-color: #6a6868;
}

.x-menu-item-icon-default {
    color: #fff;
}

.x-menu-item-text-default {
    color: #fff;
}

.wotu-ui .x-menu-item.x-menu-item-default.x-menu-item-focus, .wotu-ui .x-menu-item.x-menu-item-default.x-menu-item-active {
    background: #f4c521;
}

.x-menu-item-default.x-menu-item-separator {
    border-color: #4a4848;
}

.wotu-ui .x-header.x-panel-header-default {
    background: #333;
}

.wotu-ui .x-boundlist .x-header.x-panel-header-default {
    background: #212121;
}

.wotu-ui .x-message-box .x-window-body {
    background-color: #333;
}

.x-window-body-default {
    color: #fff;
}

.x-menu-body-default {
    background: #333;
}

.wotu-ui .x-tab-bar.x-tab-bar-default {
    background: #212121;
}

.x-keyboard-mode .x-tab-bar-plain .x-tab-focus.x-tab-over.x-tab-default .x-tab-inner-default {
    color: #f4c521
}

.yvan-msg {
    background-color: rgba(0, 0, 0, .7);
    font-weight: 400;
}

.x-tab.x-tab-active.x-tab-default {
    background-color: #333;
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    background-color: #767676;
}

/*日期*/
.x-datepicker {
    background-color: #333;
    border-color: #7d7b7b;
}

.x-datepicker-header {
    background-color: #333;
}

.x-datepicker-header .x-datepicker-month {
    border-bottom: 1px solid #5f5d5d;
}

.x-datepicker-arrow {
    background: #333;
    color: #fff
}

.x-datepicker-column-header {
    background: #333;
    color: #fff;
}

.x-datepicker-footer, .x-monthpicker-buttons {
    background-color: #333;
}

.wotu-ui .x-datepicker .x-datepicker-selected div.x-datepicker-date {
    background: #f4c521;
}

.wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small {
    background: #767676;
    border-color: #767676;
}

.wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small:hover {
    background: #f4c521;
    border-color: #efc01a;
}

.x-datepicker-prevday .x-datepicker-date, .x-datepicker-nextday .x-datepicker-date {
    color: #666464;
}

.x-datepicker-date {
    color: #fff;
}

.x-datepicker-month .x-btn-inner {
    color: #ffffff;
}

div.x-datepicker-date:hover {
    background-color: #dcce9b;
}

.x-datepicker-month .x-btn-over {
    background: #444;
}

.wotu-ui .x-datepicker .x-btn.x-btn-pressed.x-btn-default-small {
    background: #444;
}

.x-datepicker .x-monthpicker {
    background: #333;
}

.x-datepicker .x-monthpicker-item-inner {
    color: #fff;
}

.x-monthpicker-item a.x-monthpicker-selected {
    background: #f4c521;
}

a.x-monthpicker-item-inner:hover {
    background-color: #dcce9b;
}

.x-monthpicker-yearnav-button {
    background: #444;
    color: #fff;
}

.x-monthpicker-buttons .x-btn-default-small {
    background: #767676;
    border-color: #767676;
}

.x-monthpicker-buttons .x-btn-default-small:hover {
    background: #f4c521;
    border-color: #efc01a;
}

.x-monthpicker-months {
    border-color: #7d7b7b
}

.x-boundlist {
    border-color: #7d7b7b
}

.large-red input.x-form-field {
    font-size: 18px;
    color: #cc6565;
    font-weight: bold;
}