.page {
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.default .page {
  /* background-color: #12151c; */
  background-color: #0d0e11;
  color: #c7c1cd;
}
.white .page {
  background-color: #fff;
  color: #000;
}
.page b {
  font-weight: normal;
}
.page .page-title,  .page .page-result{
  height: 26px;
  line-height: 26px;
  /* padding: 0 4px; */
  padding-right: 10px;
}
.page .page-result {
  display: flex;
  justify-content: space-between;
}
.page .result-left {
  display: flex;
}
.result-padding {
  padding-left: 6px;
}
.page .result-left .title {
  margin-right: 30px;
  padding: 0 4px;
  border-radius: 2px;
  color: #fff;
}
.default .page .result-left .title {
  background-color: #265cb0;
}
.white .page .result-left .title {
  background-color: #537db7;
}
.page .page-result .refresh {
  width: 12px;
  cursor: pointer;
}
.white .page .page-title {   
  background-color: #f5f6f8;
}
.default .page .page-title {   
  background-color: #202028;
}
.default .page .page-result {
  background-color: #12151c;
}
.table-page {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.page .page-content {
  flex: 1;
}

.page .flex-title {
  display: flex;
}
.page .flex-title .flex-result {
  flex: 1;
  padding-left: 20px;
  height: 100%;
  align-items: center;
}
.default .page .flex-title .flex-result {  
  background-color: #202028;
}


/* 自主行权 */
.page-left {
  width: 35%;  
  min-width: 500px;  
  min-height: 400px;
}
.white .page-left,
.white .page-right {
  border: 1px solid #dfe1e7;
  background-color: #fff;
}
.default .page-left,
.default .page-right {
  border: 1px solid #000;
  background-color: #12151c;
}
.page .page-title {
  height: 34px;
  line-height: 34px;
  padding-left: 6px;
}
.white .page .page-title {
  background-color: #f5f6f8;
}
.default .page .page-title {
  background-color: #202028;
  color: #c7c1cd;
}

.white .page .el-form-item__label {
  color: #000;
}
.default .page .el-form-item__label {
  color: #c7c1cd;
}

.page .form-content {
  padding: 10px 30px;
  /* display: flex; */
  width: 60%;
}

.page .el-form-item {
  margin-bottom: 0;
}
.page .el-form-item__label {
  padding: 0;
}
.page .el-select {
  width: 100%;
}
.page .item-flex .el-form-item__content {
  display: flex;
  align-items: center;
}
.page .item-flex .decrease,
.page .item-flex .increase {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  flex-shrink: 0;
  cursor: default;
}
.default .page .item-flex .decrease,
.default .page .item-flex .increase {  
  background-color: #2f333e;
  border: 1px solid #0d0e11;
  color: #98a3b5;
}
.white .page .item-flex .decrease,
.white .page .item-flex .increase {  
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #98a3b5;
}
.page .form-item-position {
  position: relative;
}
.page .form-item-position .position-span {
  position: absolute;
  right: 0;
  font-size: 12px;
  transform: translateX(100%);
  padding-left: 10px;
}
.page .form-item-position .position-span {
  color: #078bdd;
}
.white .page .form-item-position .position-color {
  color: #000;
}
.default .page .form-item-position .position-color {
  color: #c7c1cd;
}
.default .page .bottom-tips {
  color: #f1f9ff;
}
.page .red-text {
  color: #e3021a;
}

/* 委托按钮 */
.page .submit-btn {
  text-align: center;
  border-radius: 2px;
  padding: 7px 0;
  width: 100%;
  border-radius: 2px;
  border: none;
}
.page .submit-btn b {
  text-decoration: underline;
  font-weight: normal;
}
/* 红色按钮 */
.page .red-btn {
  background-color: #f24950;
  color: #fdeeef;
}
.page .red-btn:hover {
  background-color: #ef666d;
  color: #fdeeef;
}

/* 蓝色按钮 */
.page .blue-btn {
  padding: 2px 10px;
  border: 1px solid #4792e5;
  color: #4792e5;
  border-radius: 2px;
  margin-right: 10px;
  cursor: default;
}
.page .content {
  display: flex;
}
.page .content .page-left {
  margin-right: 10px;
}
.page .content .page-right {
  min-width: calc(100% - 500px - 10px);
  padding-top: 2px;
}


/* 当日自主行权委托 */
.page .selectionText {
  line-height: 30px;
}
.page .selectionText .cell .el-checkbox__inner {
  display: none;
  position: relative;
}
.page .selectionText .cell::before {
  content: 'Selection';
  position: absolute;
  right: 2px;
}
.default .page .select-btn {
  background-color: #12151c;
}
.white .page .select-btn {
  background-color: #fff;
}
/* 表格复选框隐藏 */
.page .table-checkbox-hidden .el-checkbox__inner {
  display: none;
}

/* 历史委托 */
.page .date-search {
  display: flex;
  margin: 4px 0;
  padding-left: 6px;
}
.page .date-search .date{
  margin-right: 20px;
}
/* 日期图标 */
.page .date-search .date .el-input--prefix .el-input__inner {
  padding-left: 10px;
}
.page .date-search .date .el-input__icon {
  display: none;
}
.page .date-search .date .el-date-editor.el-input,
.page .date-search .date .el-date-editor.el-input__inner {
  width: 150px;
}
/* 表格表头高度 */
.page .el-table th>.cell {
  height: 30px;
}
.page .table-head {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.default .page .content-width {
  background-color: #12151c;
}
.page .content-width .el-table {
  width: 600px;
}
.page .operation-btn {
  color: #1492e7;
  text-decoration: underline;
}
/* 复选框 */
.default .page .el-table .el-checkbox__inner{
  border-color: #959ca6;
  background-color: #12151c;
}
.white .page .el-table .el-checkbox__inner{
  border-color: #a1a7aa;
}