﻿
::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
	background-color:#f5f5f5;
	border-radius: 20px;
}
::-webkit-scrollbar {
	width: 14px;
	height: 14px;
	background-color:#f5f5f5;
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	background-color:#62696e;
	border-radius: 20px;
}
.el-table--mini td{
  padding: 4.5px 0 !important;
}
.el-table--mini th{
  padding: 6px 0 !important;
}
.flex-expand,.expand{
  flex:auto;
}
.data-list{
  user-select: none;
}
.ellipsis{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;  
}
.ellipsis div{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.pannel_content {
  flex: auto;
  overflow-y: auto;
  overflow-x:hidden;
}  
.keyword_focus .el-input__inner{
  background-color: #606266;
  color: white;
  border:0px;
}
.text-center{
  text-align:center;
}
.w10{
  width:10px;
}
.h10{
  height:10px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.el-message-box{
  border-radius: 0px !important;
}

.el-menu--horizontal>.el-menu-item{
  height: 50px !important;
  line-height: 50px !important;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{
  height: 50px !important;
  line-height: 50px !important;
}

.el-menu-item, .el-submenu__title{
  height: 40px !important;
  line-height: 40px !important;
}
.row{
  display:flex;
  flex-direction:row;
  overflow:hidden;
}
.column{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.page-wrapper{
  display:flex;
  flex-direction:column;
  flex: auto;
  overflow: hidden;
}
.page-wrapper > .page-content{
  display:flex;
  flex-direction:column;
  flex: auto;
  padding: 15px;
  overflow: hidden;
}

.page-wrapper > .toolbar{
  text-align:left;
  background-color: white;
  box-shadow: 1px 1px 2px #00000024;
  padding:0px 20px;
  display:flex;
  flex-shrink: 0;
  align-items: center;
}
.page-wrapper > .toolbar .title{
  line-height:46px;
  font-size:14px;
  flex:auto;
}
.page-wrapper > .toolbar .actions{
  text-align:right;
  min-width:300px;
}
.el-table th, .el-table tr{
  cursor: pointer;
  font-weight: normal;
}

.page-dialog{
  display: none;
  user-select: text;
  position: fixed;
  background-color: white;
  z-index: 999;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  flex-direction: column;
}

.page-dialog .dialog_toolbar{
  display: flex;
  padding: 10px;
  background-color: #62696f;
  user-select: none;
  flex-shrink: 0;
}
.page-dialog > .content{
  overflow-y: auto;
  flex:auto;
  display: flex;
  flex-direction:column;
}
.page-dialog .dialog_toolbar .title{ 
  width:100%;
  line-height:30px;
  font-size:14px;
  color:white;
  text-align: left;
}
.page-dialog .dialog_toolbar .actions{ 
  width:150px;
  text-align: right;
}
.page-dialog .dialog_toolbar .actions .icon{ 
  font-size: 24px;
  cursor: pointer;
  margin-left:10px;
  color: #BDBDBD;
}
.page-dialog .dialog_toolbar .actions .icon:hover{ 
  color: white;
}
.dialog_minimize_bar{
  display: none;
  height: 36px;
  background-color: #62696e;
  margin-right: 10px;
  font-size: 12px;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 36px;
  -webkit-box-shadow: 1px -1px 7px 0px #00000026;
  box-shadow: 2px -1px 3px 0px #00000026;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  cursor: pointer;
}

.taskbar{
  height: 36px;
  position: fixed;
  left: 158px;
  bottom: 0px;
  z-index:9999;
}

.select_dialog .search-bar .el-button,.page-wrapper .search-bar .el-button{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -1px;
}

.select_dialog .search-bar .el-input input,.page-wrapper .search-bar .el-input input{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.search-bar .el-select input{
  border-right:none;
}

.el-form-item{
  margin-bottom:15px !important;
}

.el-input__inner{
  border-radius: 0px !important;
}
.el-textarea__inner{
  border-radius: 0px !important;
  padding:3px 5px !important
}
.flex_auto{
  flex:auto;
}
.flex_auto > .el-date-editor.el-input{
  width:100% !important;
}
.flex_auto > .el-select{
  width:100% !important;
}

.page-wrapper .search-bar{
  display:flex;
}
.page-bar{
  text-align:right;
}
.cell.edit,.required{
  color:#29B6F6;
}
.cell .el-button+.el-button{
  margin-left:0px;
  margin-top:5px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #ffffff !important;
}
.el-input.is-disabled .el-input__inner {
  background-color: #ffffff !important;
  border-color: #C0C4CC !important;
  color: #606266 !important;
}
.bottom-card{
  font-size:14px;
  min-height:30px;
  padding:10px;
  background-color:white;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  text-align:left;
}
.list-view{
  overflow-y:auto;
}
.filter-dialog {
  position: fixed;
  min-width: 200px;
  min-height: 200px;
  background-color: white;
  display:none;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  flex-direction: column;
}