/* =========================================================================================================== */
/* ======================================================登录页面=============================================== */
/* =========================================================================================================== */
.login{

}
/* 内容 */
.login.mui-content {
  height:100%;
  background:url(../../static/img/login_bg.png);
  background-repeat:no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
/* 头部区域 */
.login .login-header{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y:auto; 
  padding-top:30px;
  padding-bottom:30px; 
}
/* logo区域*/
.login .login-logo {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-align:center;
       -ms-flex-align:center;
           align-items:center;
   -webkit-box-pack:center;
       -ms-flex-pack:center;
           justify-content:center; 
}
/* 表单行区域 */
.login .mui-input-group {
  width: 75%;
  margin: 0px auto;
  background-color:transparent;
}
/* 行 */
.login .mui-input-group .mui-input-row {
    height: 40px;
    margin-top: 20px;
    border-radius: 24px;
    background: white;
}
/* 输入框 */
.login .mui-input-group input {
  border-bottom: none;
  color: #1D1D1D;
  font-size: 16px;
  float: left;
  font-weight:400;
  height: auto;
}
/* 输入框右边小图标 */
.login .mui-input-row .mui-input-clear~.mui-icon-clear, 
.login .mui-input-row .mui-input-password~.mui-icon-eye, 
.login .mui-input-row .mui-input-speech~.mui-icon-speech {
    right: 10px;
}
/* 选择框右边 向下箭头图标 */
.login .kdm-icon-arrowdown:before{
  right:20px;
}
/* 去掉原始样式 */
.login .mui-input-group:before,
.login .mui-input-group:after,
.login .mui-input-group .mui-input-row:after {
    display:none;
}
/* 记住密码、自动登录 */
.login .mui-checkbox{
  color:#fff; 
  line-height:18px;
}
.login .mui-checkbox label{
  font-size:14px; 
  padding:0px 0px 0px 5px;
  font-weight:400;
  
}
.login .mui-checkbox input[type=checkbox] {
  width: 28px; 
  height: 20px; 
  font-size: 18px; 
  text-overflow: initial;  
}
.login .mui-checkbox input[type=checkbox]:checked:before{
  color:#4598F0; 
}
.login .login-remember{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex; 
    -webkit-box-pack:justify; 
        -ms-flex-pack:justify; 
            justify-content:space-between;
    padding-left:8px;
    padding-right:8px;
    margin-top: 20px;
}
/* 底部区域 */
.login .login-footer{
  width: 100%;
  position:absolute;
  height: 147px;
  bottom: 0px;
}
/* 按钮 */
.login button {
  height:44px;
  background:rgba(0,128,255,1);
  border-radius:4px;
  font-size:16px;
  width:75%;
}
.login .mui-content-padded {
  text-align:center;
  margin: 0px;
}
.login .login-footer .company {
  text-align: center;
  margin: 30px auto 31px auto;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: #2587ee;
}
.login .kdm-disabled,
.login .mui-checkbox.kdm-disabled input[type=checkbox]:before, .mui-radio input[type=radio]:before {
  color: #525151;
  pointer-events: none;
}
.debug-tip{
  position: fixed; 
  background: rgba(10,29,54,1);
  color: #7b7976;
  text-align: center; 
  -webkit-box-pack: center; 
      -ms-flex-pack: center; 
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  width: 160px;
  padding-bottom: 10px;
  right: -60px;
  top: -28px;
  transform: rotate(30deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(30deg);
  letter-spacing: 3px;
  font-size: 18px;
}
.default[data-v-9eb9f41e] {
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

.default[data-v-e7945342] {
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

.default[data-v-a8ad4282] {
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

.default[data-v-46604cc5] {
  margin-top: 30%;
  vertical-align: middle;
  text-align: center;
}

.container[data-v-423c532a] {
  background-color:  #FFFFFF;
}
.img-con[data-v-423c532a]{ 
  padding-top: 100px;
  text-align: center;
}
.text-title[data-v-423c532a]{
  color:rgba(102,102,102,1);
  font-size:16px;
  line-height:21px;
  padding-top: 10px;
  text-align: center;
  padding: 28px 20px 0px 20px;
  word-wrap:break-word; 
  word-break:normal;
}
.option[data-v-423c532a]{
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.option-back[data-v-423c532a]{
  width:120px;
  height:44px;
  background:rgba(69,152,240,1);
  border-radius:22px;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:18px;
}
.option-detail[data-v-423c532a]{
  width: 120px;
  height: 44px;
  border: 0px;
  font-size: 16px;
  color: rgb(140, 146, 148);
}

.table-view-monitor[data-v-1532f8f0] {
  margin-top: 10px;
}
.table-view-monitor-cell[data-v-1532f8f0] {
  padding-right: 20px;
}
.mui-table-view[data-v-1532f8f0]:before {
  height: 0px;
}
.table-view-monitor-cell-right[data-v-1532f8f0] {
  position: absolute;
  right: 15px;
  font-size: 14px;
}
.monitor[data-v-1532f8f0] {
  background-color: #efeff4;
}
body[data-v-1532f8f0] {
  background-color: #efeff4;
}







































































































































































input[showKeyboard][data-v-57661fca]:focus {
  border: none;
  -webkit-box-shadow: 0 0 0 1px #42A7FF, 0 0 0 3px #BDE7FF;
          box-shadow: 0 0 0 1px #42A7FF, 0 0 0 3px #BDE7FF;
}

















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































.mui-control-content[data-v-3c675ba2] {
  background-color:  transparent
}























circle {
      stroke-width: 5px;
      -webkit-transform-origin: center;
              transform-origin: center;
	    fill: transparent;
} 

.mui-slider-indicator .mui-indicator[data-v-352501e6] {
  width: 12px;
  height: 12px;
}
.mui-slider-indicator .mui-active.mui-indicator[data-v-352501e6] {
  background: #fff;
}

.showlist .kdfileupload{
    margin: 5px auto !important;
}
.showlist .title {
    height: 35px;
}
.showlist .title .name {
    width:43%; font-weight:bold;
}
.showlist .title .count {
    width:50%; font-size:14px; color:rgb(152, 161, 168);
}
.showlist .title .add img{ 
    width:28px; height: 28px; display: block; background-size: contain;
}
.showlist .content li {
    margin: 0px 0px 8px 0px;
    padding: 4px 8px; 
    border: 1px solid rgba(152, 161, 168, 0.298);
    background: rgba(241, 244, 248, 0.298);
}
.showlist .content .icon {
    position: relative;
}
.showlist .content .icon img {
    height: 58.27px; width: 90%; display: block; background-size: contain;
}
.showlist .content .desc {
    width:calc(100% - 30px - var(--ctrl-height));
    padding: 0px 10px;
}
.showlist .content .desc .filename{ 
    font-size: 14px; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.showlist .content .desc .filesize{ 
    font-size:12px; 
    color:rgb(118, 136, 147);
    line-height: 18px;
}
.showlist .content .delete{ 
   margin-top: 10px;
}
.showlist .content .delete img{ 
    width: 22pt;
}
circle {
      stroke-width: 5px;
      -webkit-transform-origin: center;
              transform-origin: center;
	    fill: transparent;
}
.kdfileupload .mui-checkbox .title {
    padding: 0 0 0 0px;
    line-height: 35px;
}
.kdfileupload .mui-checkbox .chkbtn {
    margin: 3px;
}
.kdfileupload .mui-input-row .uploadbtn {
    border-radius: 3px;
    margin-right: 0px;
    margin-top: 4px;
}

.fieldStyle[data-v-7e6ec68b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  width: 100%;
}
.fieldItemStyle[data-v-7e6ec68b] {
  display: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdcalendar {
	width: 200px;
    overflow:hidden;
    position:inherit;
    z-index:100;
}
.kdcalendar h6 {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
	position: relative;
}
.kdcalendar h6 span {
	width: 55px;    
    height:inherit;
	position: absolute;
    top:0;
    color:red;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.kdcalendar h6 span.calendar_navigator_prev {
    left: 0;	
}
.kdcalendar h6 span.calendar_navigator_next {
    right: 0;	
}
.kdcalendar table {
    background: #fff;
}
.kdcalendar table tr {
	padding: 0;
	margin: 0;
	list-style: none;
}
.calendar_navigator_prev_normal_img {
    width: 16px;
    height: 16px;
    margin-left:15px;
    margin-top:10px;
    background-image:url(../../static/img/calendar_prev_normal.png);
    background-origin: content-box;           
    background-position:50% 50%;              
    background-size:contain;                  
    background-repeat:no-repeat;              
}
.calendar_navigator_next_normal_img {
    width: 16px;
    height: 16px;
    margin-left:15px;
    margin-top:10px;
    background-image:url(../../static/img/calendar_next_normal.png);
    background-origin: content-box;           
    background-position:50% 50%;               
    background-size:contain;                  
    background-repeat:no-repeat;               
}
.calendar_week_header td{
    text-align:center;
	padding: 1px;    
	color: #fff;
	width:14.285%;
}
.calendar_date_row td div{
    font-weight:bold;
    font-size:initial;
    text-align:center;
	padding: 1px;
    border-radius:50%;
	margin:0 auto; /*ˮƽ����*/
}
.calendar_mark_row td {
    font-weight:bold;
    font-size:initial;
    text-align:center;
	padding: 1px;
	border-bottom: 1px #999 solid;
}
.calendar_mark_day_div {
	margin:0 auto; /*ˮƽ����*/
	background-color:#ccc;
	border-radius:50%;
}
.calendar_date_item {
    position: relative;
    overflow: hidden;
}
.calendar_date_item .calendar_date_item_tips {
    display:none;
    font-size: 10px;
    background: #90cdf5;
    width: 100%;
    color: #fff;
    border-radius: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 14px;
    line-height: 14px;
}
.calendar_date_item.active .calendar_date_item_tips {
    display: block;
}























































































































































div[data-kdc="kdtablefield"] div.pagingBlock{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
div[data-kdc="kdtablefield"] div.tablefield div.objbox::-webkit-scrollbar-thumb {
    min-height: 28px;
    padding: 100px 0 0;
    border: solid transparent;
    border-width: 1px;
    background-color: #a1aab7;
    border-radius: 10px;
}
div[data-kdc="kdtablefield"] div.tablefield div.objbox::-webkit-scrollbar-track {
    background-color: transparent;
}
div[data-kdc="kdtablefield"] div.tablefield div.objbox::-webkit-scrollbar-corner {
    background: 0 0;
}
div[data-kdc="kdtablefield"] div.tablefield div.objbox::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
div[data-kdc="kdtablefield"] div.tablefield div.objbox::-webkit-scrollbar {
    overflow: visible;
    width: 2px;
    height: 2px;
}
div[data-kdc="kdtablefield"].kdm-pc div.tablefield div.objbox::-webkit-scrollbar {
    overflow: visible;
    width: 12px;
    height: 12px;
}
div[data-kdc="kdtablefield"] div.tablefield table.hdr td div.hdrcell {
    overflow: hidden;
    padding-left: 4px;
   text-overflow: ellipsis;
   word-break: normal;
}
/*
Product Name: dhtmlxGrid 
Version: 5.0.8 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/ 
@-webkit-keyframes dhx_loader_rotate {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
} 
@keyframes dhx_loader_rotate {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
} 
@-webkit-keyframes dhx_loader_dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
} 
@keyframes dhx_loader_dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
} 
div.gridbox {
	overflow: hidden;
	text-align: left;
} 
.dhx_sub_row {
	background-color: white;
} 
div.gridbox .xhdr {
	background-color: #D4D0C8;
} 
div.gridbox table.obj {
	height: 1px;
} 
div.gridbox table.hdr td {
	line-height: normal;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: red;
	background-color: #D4D0C8;
	border: px solid;
	border-color: white;
	text-align: center;
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: normal;
	overflow: hidden;
	empty-cells: show;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
} 
div.gridbox table.obj td {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	empty-cells: show;
	white-space: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
} 
div.gridbox table.obj th,div.gridbox table.hdr th {
	padding: 0;
	margin: 0;
} 
div.gridbox table.row20px tr td {
	height: 20px;
	white-space: nowrap;
	padding: 0;
} 
div.gridbox .objbox {
	background-color: white;
	position: relative;
	-webkit-overflow-scrolling: touch;
} 
/* div.gridbox .objbox::-webkit-scrollbar {
    display: none;
} */ 
div.gridbox table.obj td span.space,div.gridbox table.obj td img.space {
	width: 18px;
} 
div.gridbox table.obj td.editable {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
} 
div.gridbox table.obj td.group_row {
	vertical-align: middle;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	font-weight: bold;
	height: 30px;
	border: 0;
	border-bottom: 2px solid navy;
} 
.dragSpanDiv {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	border: 1px gray solid;
	background-color: white;
	z-index: 999;
} 
.dhx_combo_select {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	border: 1px solid;
	border-color: black silver silver black;
	background-color: white;
	overflow: auto;
	cursor: default;
	position: absolute;
	height: auto;
	z-index: 600;
} 
.dhx_combo_edit {
	width: 100%;
	border: 0;
	padding: 0;
	padding-right: 1px!ie;
	margin: 0;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	overflow: hidden;
	display: block;
} 
table.obj.row20px .dhx_combo_edit {
	line-height: 28px;
} 
.dhx_textarea {
	border: 1px solid;
	border-color: black silver silver black;
	position: absolute;
	height: 100px;
	z-index: 600;
} 
.dhx_clist {
	background-color: white;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	z-index: 300;
} 
.gridDragLine {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: black;
	overflow: hidden;
	pointer-events: none;
} 
div.pagingBlock {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
} 
div.pagingBlock .pagingCurrentPage {
	font-weight: bold;
	cursor: default;
} 
div.pagingBlock .pagingPage {
	cursor: pointer;
	text-decoration: underline;
} 
span.recordsInfoBlock {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
} 
div.pagingBlock a {
	text-decoration: none;
	padding-right: 2px;
	color: black;
	cursor: pointer;
} 
div.pagingBlock a.dhx_not_active {
	text-decoration: none;
	cursor: default;
} 
.toolbar_select {
	font-size: 10px;
} 
.dhtmlxGrid_selection {
	opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-color: yellow;
	border: 1px dotted black;
} 
div.gridbox div.ftr {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	overflow: hidden;
} 
div.gridbox div.ftr td {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid gray;
	border-right: 1px solid white;
	background-color: white;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	overflow: hidden;
} 
div.gridbox table.hdr td.columnTargetR div.hdrcell {
	border-right: 3px double #F60;
	border-left: 3px solid #D4D0C8;
} 
div.gridbox table.hdr td.columnTargetL div.hdrcell {
	border-right: 3px solid #D4D0C8;
	border-left: 3px double #F60;
} 
.dhx_dragColDiv {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	background-color: #D4D0C8;
	border: 1px solid;
	border-color: white Gray Gray white;
	text-align: center;
	margin: 0;
	padding: 5px 20px 5px 20px;
	font-weight: normal;
	opacity: .75;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	z-index: 100;
} 
.dhtmlx_live_validation_error {
	background-color: #FFE0E0!important;
} 
.dhtmlx_validation_error {
	border-bottom: 2px solid red!important;
} 
.dhx_header_cmenu {
	background-color: #fff;
	border: 2px outset silver;
	z-index: 2;
} 
.dhx_header_cmenu_item {
	white-space: nowrap;
} 
div.gridbox .filter input,div.gridbox .filter select {
	width: 100%;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
	padding: 2px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
} 
div.gridbox .filter input::-ms-clear {
	display: none;
} 
div.gridbox_material.gridbox .xhdr {
	background-color: white;
	border-bottom: 1px solid #dfdfdf;
} 
div.gridbox_material.gridbox table.hdr tr {
	background-color: white;
} 
div.gridbox_material.grid table.obj {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
} 
div.gridbox_material.gridbox table.obj tr td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-right: 4px;
	padding-left: 4px;
	overflow: hidden;
} 
div.gridbox_material.gridbox table.hdr td div.hdrcell {
	overflow: hidden;
	width: auto;
	padding-left: 4px;
	width: 100%!ie;
	font-size:inherit;
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
} 
div.gridbox_material.gridbox table.hdr td {
	border-width: 0 1px 0 0;
	border: 1px solid white;
	overflow: hidden;
	empty-cells: show;
	white-space: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	padding: 9px 0 8px 0;
	background-color: white;
	font-size: 12px;
	font-family: Roboto,Arial,Helvetica;
	color: #9f9f9f;
	font-weight: 500;
	vertical-align: top;
	text-align: left;
	position: relative;
} 
div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
	border-top: 1px solid white;
} 
div.gridbox_material.gridbox {
	border: 1px solid #dfdfdf;
} 
div.gridbox_material.gridbox table.obj tr td {
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
} 
div.gridbox_material.gridbox table.obj.row20px tr td {
	padding-top: 0;
	padding-bottom: 0;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid white;
} 
div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
	border-right: 1px solid white;
} 
div.gridbox_material.gridbox table.obj tr td.editable .dhx_combo_edit {
	margin-left: -3px;
} 
div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
	margin-left: -3px!important;
} 
div.gridbox_material.gridbox table.obj tr td.editable:first-child {
	border: 0 solid white!important;
	padding-left: 4px!important;
} 
div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
	padding: 1px 4px;
} 
div.gridbox_material.gridbox table.obj tr.rowselected {
	background-color: #eee;
	color: #404040;
} 
div.gridbox_material.gridbox table.obj tr.rowselected td {
	background-color: #eee;
	color: #404040;
} 
div.gridbox_material.gridbox table.obj tr td:first-child {
	padding-left: 10px;
} 
div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
	border-left: 2px solid #39c;
	padding-left: 8px;
} 
div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
	background-color: #eee;
	border-right-color: #eee;
	color: #404040;
} 
div.gridbox_material.gridbox table.obj tr td.cellselected {
	background-color: #eee;
	color: #404040;
} 
div.gridbox_material.gridbox .odd_material {
	background-color: #fff;
	color: #404040;
} 
.dhx_combo_select,.gridbox_material.gridbox .dhx_combo_edit,.gridbox_material.gridbox .dhx_textarea {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
} 
.gridbox_material.gridbox .dhx_combo_edit {
	padding: 1px 0 0 4px;
} 
.gridbox_material.gridbox .dhx_sub_row {
	background-color: transparent;
} 
.dhx_header_cmenu {
	background-color: #fff;
	border: 2px outset silver;
	z-index: 2;
} 
.dhx_header_cmenu_item {
	white-space: nowrap;
} 
.dhx_pbox {
	margin-top: 3px;
	border: 1px solid #D4D0C8;
	border-top: 0;
	font-size: 10px;
} 
.dhx_pline {
	background-color: white;
	margin: -15px 10px 10px 10px;
	padding: 0 5px 0 5px;
	float: left;
} 
.dhx_page,.dhx_pager_info {
	margin: 3px;
	text-align: center;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	float: left;
	cursor: pointer;
	color: black;
	background-color: gray;
	padding: 1px;
} 
.dhx_pager_info {
	white-space: nowrap;
	background-color: white;
	margin: -8px 10px 10px 10px;
	padding: 0 5px 0 5px;
	cursor: default;
} 
.dhx_page div {
	background-color: white;
	width: 16px;
	height: 17px;
	vertical-align: middle;
} 
div.dhx_page_active {
	font-weight: bold;
	background-color: lightgrey;
	cursor: default;
	color: white;
} 
.dhx_pbox_modern {
	margin-top: 3px;
	border: 1px solid #D6D6D6;
	border-top: 0;
	font-size: 10px;
} 
.dhx_pline_modern {
	background-color: white;
	margin: -15px 10px 10px 10px;
	padding: 0 5px 0 5px;
	float: left;
} 
.dhx_page_modern,.dhx_pager_info_modern {
	margin: 3px;
	text-align: center;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	float: left;
	cursor: pointer;
	color: #055A78;
	background-color: #D6D6D6;
	padding: 1px;
} 
.dhx_pager_info_modern {
	white-space: nowrap;
	background-color: white;
	margin: -8px 10px 10px 10px;
	padding: 0 5px 0 5px;
	cursor: default;
} 
.dhx_page_modern div {
	background-color: white;
	width: 16px;
	height: 17px;
	vertical-align: middle;
} 
div.dhx_page_active_modern {
	font-weight: bold;
	background-color: #055A78;
	cursor: default;
	color: white;
} 
.dhx_pbox_light {
	margin-top: 3px;
	border: 1px solid #C2D5DC;
	border-top: 0;
	font-size: 10px;
} 
.dhx_pline_light {
	background-color: white;
	margin: -15px 10px 10px 10px;
	padding: 0 5px 0 5px;
	float: left;
} 
.dhx_page_light,.dhx_pager_info_light {
	margin: 3px;
	text-align: center;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	color: #404040;
	float: left;
	cursor: pointer;
	color: #055A78;
	background-color: #93AFBA;
	padding: 1px;
} 
.dhx_pager_info_light {
	white-space: nowrap;
	background-color: white;
	margin: -8px 10px 10px 10px;
	padding: 0 5px 0 5px;
	cursor: default;
} 
.dhx_page_light div {
	background-color: white;
	width: 16px;
	height: 17px;
	vertical-align: middle;
} 
div.dhx_page_active_light {
	font-weight: bold;
	background-color: #D1DFE3;
	cursor: default;
	color: white;
} 
.calcTable {
	width: 100px;
	background-color: silver;
	border: 1px black solid;
} 
.calcButton {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: gray;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
} 
.calcPressed {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: gray;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid black;
	border-right: 1px solid black;
} 
.calcInput {
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	font-family: Roboto,Arial,Helvetica;
} 
.calkSubmit {
	padding: 2px;
	cursor: pointer;
	text-align: center;
	background-color: silver;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid white;
	border-right: 1px solid white;
} 
.calcTable {
	width: 100px;
	background-color: silver;
	border: 1px black solid;
} 
.calcButton {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: gray;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
} 
.calcPressed {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: gray;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid black;
	border-right: 1px solid black;
} 
.calcInput {
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	font-family: Roboto,Arial,Helvetica;
} 
.calkSubmit {
	padding: 2px;
	cursor: pointer;
	text-align: center;
	background-color: silver;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid white;
	border-right: 1px solid white;
} 
.dhxgrid_sort_desc,.dhxgrid_sort_asc {
	width: 0;
	height: 0;
} 
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
	/* background-image: url("imgs/dhxgrid_material/sort_desc.gif"); */
	background-position: 3px 7px;
	background-repeat: no-repeat;
} 
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div,div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div {
	padding-left: 18px;
	padding-right: 14px;
} 
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
	/* background-image: url("imgs/dhxgrid_material/sort_asc.gif"); */
} 
.dhxgrid_rh_material {
	position: absolute;
	top: -20px;
	left: -33px;
	width: 29px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-width: 0;
	font-size: 1px;
	overflow: hidden;
} 
.dhxgrid_skin_detect {
	position: absolute;
	left: 0;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0 solid white;
	width: 40px;
	height: 10px;
	overflow: hidden;
} 
div.gridbox_material.gridbox table.obj.row20px tr td img {
	display: block;
} 
div.gridbox_material.gridbox table.obj.row20px tr td.group_row img,div.gridbox_material.gridbox table.obj.row20px tr td .treegrid_cell img {
	display: inline;
} 
.grid_cell_dyn {
	position: relative;
	padding-right: 2px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
} 
.grid_cell_dyn img {
	position: absolute;
	top: 7px;
	left: 0;
	height: 15px;
} 
.grid_cell_dyn span {
	padding-left: 20px;
	width: 100%;
} 
.grid_collapse_icon {
	margin-top: 1px;
} 
.treegrid_cell>i {
	padding-right: 5px;
	padding-left: 3px;
	font-size: 16px;
} 
@keyframes dhx_loader_rotate {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
} 
@keyframes dhx_loader_dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
} 
.dhtmlx_message_area {
	position: fixed;
	right: 10px;
	width: 250px;
	z-index: 1000;
	padding: 0;
} 
.dhtmlx-info {
	color: #444;
	min-width: 120px;
	background: #f5f5f5;
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	font-weight: 500;
	z-index: 10000;
	margin: 0 5px 7px 5px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border-radius: 3px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
} 
.dhtmlx-info div {
	padding: 16px 9px 16px 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
} 
.dhtmlx-info.hidden {
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-top: none;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
} 
.dhtmlx-info.hidden div {
	height: 0;
	border-top: none;
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 0;
	overflow: hidden;
} 
.dhtmlx-error {
	color: #fff;
	background-color: #e53935;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.49);
	        box-shadow: 0 0 6px rgba(0,0,0,0.49);
	border-radius: 0;
} 
.dhtmlx-error div {
	padding: 16px 9px 16px 18px;
	background-color: #e53935;
} 
.dhtmlx_modal_box {
	overflow: hidden;
	display: inline-block;
	min-width: 300px;
	width: 300px;
	text-align: center;
	position: fixed;
	background-color: #fff;
	z-index: 20000;
	-webkit-box-shadow: 0 28px 80px -6px rgba(0,0,0,0.4);
	        box-shadow: 0 28px 80px -6px rgba(0,0,0,0.4);
} 
.dhtmlx_popup_title {
	padding: 16px 0;
	font-size: 17px;
	line-height: 16px;
	font-family: Roboto,Arial,Helvetica;
} 
.dhtmlx-info,.dhtmlx_popup_title,.dhtmlx_popup_button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
	-moz-user-select: -moz-none;
	cursor: pointer;
} 
.dhtmlx_popup_text {
	font-size: 15px;
	font-family: Roboto,Arial,Helvetica;
	color: #444;
	min-height: 30px;
	padding: 20px 10px 5px 10px!important;
	overflow: hidden;
} 
.dhtmlx_popup_controls {
	font-family: Roboto,Arial,Helvetica;
	font-weight: bold;
	padding: 10px 10px 15px 10px!important;
} 
.dhtmlx_popup_button {
	font-size: 14px;
	font-family: Roboto,Arial,Helvetica;
	font-weight: 500;
	min-width: 120px;
	width: 120px;
	height: 32px;
	display: inline-block;
	margin: 0 5px;
	color: #444;
} 
.dhtmlx_popup_button div {
	line-height: 32px;
	text-transform: uppercase;
} 
div.dhx_modal_cover {
	background-color: #000;
	cursor: default;
	opacity: .24;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	position: fixed;
	z-index: 19999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	zoom: 1;
} 
.dhtmlx_popup_button {
	color: #222;
	border: 1px solid #dfdfdf;
	background: #f5f5f5;
} 
.dhtmlx_popup_button:active,.dhtmlx_popup_button:focus {
	background: #eee;
} 
.dhtmlx_popup_button:first-child {
	background: #39c;
	color: white;
	font-weight: normal;
} 
.dhtmlx-alert-error .dhtmlx_popup_title,.dhtmlx-confirm-error .dhtmlx_popup_title {
	color: #fff;
	background: #e53935;
} 
.dhtmlx-alert-error .dhtmlx_popup_button:first-child,.dhtmlx-confirm-error .dhtmlx_popup_button:first-child {
	background: #e53935;
	border: 1px solid #f17373;
} 
.dhtmlx-alert-warning .dhtmlx_popup_title,.dhtmlx-confirm-warning .dhtmlx_popup_title {
	color: #fff;
	background: #E6951A;
} 
.dhtmlx-alert .dhtmlx_popup_title,.dhtmlx-confirm .dhtmlx_popup_title {
	color: white;
	background: #39c;
}




























































































































































































































































































































































































































































































































































































.kdm-eye[data-v-f91558f4] {
   font-size: 20px;
   color: #c6c1c1;
   -webkit-text-fill-color: #c6c1c1;
}
.layui-m-layercont {
  word-break: break-all;
}

/*# sourceMappingURL=app.css.map?v=944f48c12888*/