yvan-ext/dist/dark.css

.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;
}