@CHARSET "UTF-8";
.panel {
  overflow: hidden;
  text-align: left;
  margin: 0;
  border: 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.panel-header,
.panel-body {
  border-width: 0;
  border-style: solid;
  overflow-y:hidden;
}
.panel-header {
  padding: 5px;
  position: relative;
}
.panel-title {
  background: url('images/blank.gif') no-repeat;
}
.panel-header-noborder {
  /*border-width: 0 0 1px 0;*/
}
.panel-body {
  border-top-width: 0;
  padding: 0;
}
.panel-body-noheader {
  border-top-width: 0px;
}
.panel-body-noborder {
  border-width: 0px;
}
.panel-body-nobottom {
  border-bottom-width: 0;
}
.panel-with-icon {
  padding-left: 18px;
}
.panel-icon,
.panel-tool {
  position: absolute;
  top: 49%;
  margin-top: -8px;
  height: 26px;
  width: 26px !important;
  overflow: hidden;
}
.panel-icon {
  left: 5px;
  width: 16px;
}
.panel-tool {
  right: 4px;
  width: auto;
}
.panel-tool a {
  display: inline-block;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=60);
  margin: 0 0 0 2px;
  vertical-align: top;
  background-color:#34B388;
}
.panel-tool a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #8EBD14;
  /*background-color: #e6e6e6;*/
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.panel-loading {
  padding: 11px 0px 10px 30px;
}
.panel-noscroll {
  overflow: hidden;
}
.panel-fit,
.panel-fit body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.panel-loading {
  background: url('images/loading.gif') no-repeat 10px 10px;
}
.panel-tool-close {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -16px 0px;
}

.panel-tool-min {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat 0px 0px;
}

.panel-tool-max {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat 0px -16px;
}
.panel-tool-restore {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -16px -16px;
}
.panel-tool-collapse {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -32px 0;
}
.panel-tool-expand {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -32px -16px;
}
.panel-header,
.panel-body {
  border-color: inherit;
}
.panel-header {
  /*background-color: inherit;!* #F2F2F2; *!*/
  /* background: -webkit-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -o-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0);  */
}
.window .panel-body{
  background-color: transparent;
}
.panel-body {
  color: #333;
  font-size: 12px;
  overflow:auto;
}
.panel-title {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  height: 16px;
  line-height: 16px;
}
.panel-footer {
  border: 1px solid #D4D4D4;
  overflow: hidden;
  background: #F5F5F5;
}
.panel-footer-noborder {
  border-width: 1px 0 0 0;
}
.accordion {
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.accordion .accordion-header {
  border-width: 0 0 1px;
  cursor: pointer;
}
.accordion .accordion-body {
  border-width: 0 0 1px;
}
.accordion-noborder {
  border-width: 0;
}
.accordion-noborder .accordion-header {
  border-width: 0 0 1px;
}
.accordion-noborder .accordion-body {
  border-width: 0 0 1px;
}
/*.accordion-collapse {*/
/*  background: url('images/accordion_arrows.png') no-repeat 0 0;*/
/*}*/
/*.accordion-expand {*/
/*  background: url('images/accordion_arrows.png') no-repeat -16px 0;*/
/*}*/
.accordion-collapse {
  background: url('images/accordion_arrows_.png') no-repeat 0 0;
  width: 26px !important;
  height: 26px !important;
}
.accordion-expand {
  background: url('images/accordion_arrows_.png') no-repeat -27px 0;
  width: 26px !important;
  height: 26px !important;
}
.accordion {
  background: #ffffff;
  border-color: #D4D4D4;
}
.accordion .accordion-header {
 /*  background: #F2F2F2; */
  filter: none;
}
.accordion .accordion-header-selected {
  background: #0081c2;
}
.accordion .accordion-header-selected .panel-title {
  color: #fff;
}
.window {
  overflow: hidden;
  padding: 5px;
  /*border-width: 1px;*/
  /*border-style: solid;*/
}
@font-face {
  font-family: 'title-Regular';
  src:url(../../../font/title-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LcdD';
  src:url(../../../font/LcdD.ttf);
  font-weight: normal;
  font-style: normal;
}
.window-header .panel-title {
  /*background: transparent;*/
  /*background:#031C54;/*1c305c 28396d*/
  text-align: center;
  color: #fff;
  font-family: "title-Regular" !important;
  cursor: pointer;
  font-size: 20px;
  font-weight: 100;
}
.window .window-header {
  /* background: transparent; */
  /*background:#33B388;*/
  /*padding: 0px 0px 6px 0px;*/
  padding: 5px;
  box-sizing: border-box;
}
.window .window-body {
  /*border-width: 1px;*/
  /*border-style: solid;*/
  border-top-width: 0px;
}
.window .window-body-noheader {
  /*border-top-width: 1px;*/
}
.window .panel-body-nobottom {
  border-bottom-width: 0;
}
.window .window-header .panel-icon,
.window .window-header .panel-tool {
  top: 50%;
  margin-top: -11px;
}
.window .window-header .panel-icon {
  left: 1px;
}
.window .window-header .panel-tool {
  right: 1px;
}
.window .window-header .panel-with-icon {
  padding-left: 18px;
}
.window-proxy {
  position: absolute;
  overflow: hidden;
}
.window-proxy-mask {
  position: absolute;
  filter: alpha(opacity=5);
  opacity: 0.05;
}
.window-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=40);
  opacity: 0.40;
  font-size: 1px;
  overflow: hidden;
}
.window,
.window-shadow {
  position: absolute;
  /*-moz-border-radius: 5px 5px 5px 5px;*/
  /*-webkit-border-radius: 5px 5px 5px 5px;*/
  /*border-radius: 5px 5px 5px 5px;*/
}
.window-shadow {
/*  background: #ccc;*/
/*  -moz-box-shadow: 2px 2px 3px #cccccc;*/
/*  -webkit-box-shadow: 2px 2px 3px #cccccc;*/
/*  box-shadow: 2px 2px 3px #cccccc;*/
/*  filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);*/
}
.window,
.window .window-body {
  border-color: #D4D4D4;
}
.window {
  /*background-color: #33B388;*/
  /*background-color: #001864;!*#031C54;!*1c305c 28396d*!*/
  /* background: -webkit-linear-gradient(top,#ffffff 0,#28396d 20%);
  background: -moz-linear-gradient(top,#ffffff 0,#28396d 20%);*/
  border-image-source:url("./images/Pop-none.png");
  /*background-size: 100% 100% !important;*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0);
  border-image-slice: 50 fill;
  border-image-width: 15% 8%;
}
.window-proxy {
  border: 1px dashed #D4D4D4;
}
.window-proxy-mask,
.window-mask {
  background: #ccc;
}
.window .panel-footer {
  border: 1px solid #D4D4D4;
  position: relative;
  top: -1px;
}
.dialog-content {
  overflow: auto;
}
.dialog-toolbar {
  padding: 2px 5px;
}
.dialog-tool-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 2px 1px;
}
.dialog-button {
  padding: 5px;
  text-align: right;
  font-size : 14px;
}
.dialog-button .l-btn {
  margin-left: 5px;
}
.dialog-toolbar,
.dialog-button {
  background: #F5F5F5;
  /*border-width: 1px;*/
  /*border-style: solid;*/
}
.dialog-toolbar {
  border-color: #D4D4D4 #D4D4D4 #e6e6e6 #D4D4D4;
}
.dialog-button {
  border-color: #e6e6e6 #D4D4D4 #D4D4D4 #D4D4D4;
}
.l-btn {
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
  font-size: 12px;
}
.l-btn-plain {
  border: 0;
  padding: 1px;
}
.l-btn-left {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
/*.dialog-button .messager-button{*/
/*  background: url(./images/primaryButton.png) no-repeat !important;*/
/*  background-size: 100% 100% !important;*/
/*}*/
/*.dialog-button a{*/
/*  background: url(./images/primaryButton.png) no-repeat !important;*/
/*  background-size: 100% 100% !important;*/
/*}*/
.l-btn-text {
  display: inline-block;
  vertical-align: top;
  width: auto;
  line-height: 20px;
  font-size: inherit;/*14px inherit*/
  padding: 5px 10px;
  margin: 0 4px;
}
.l-btn-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 1px;
}
.l-btn span span .l-btn-empty {
  display: inline-block;
  margin: 0;
  width: 16px;
  height: 24px;
  font-size: 1px;
  vertical-align: top;
}
.l-btn span .l-btn-icon-left {
  padding: 0 0 0 20px;
  background-position: left center;
}
.l-btn span .l-btn-icon-right {
  padding: 0 20px 0 0;
  background-position: right center;
}
.l-btn-icon-left .l-btn-text {
  margin: 0 4px 0 24px;
}
.l-btn-icon-left .l-btn-icon {
  left: 4px;
}
.l-btn-icon-right .l-btn-text {
  margin: 0 24px 0 4px;
}
.l-btn-icon-right .l-btn-icon {
  right: 4px;
}
.l-btn-icon-top .l-btn-text {
  margin: 20px 4px 0 4px;
}
.l-btn-icon-top .l-btn-icon {
  top: 4px;
  left: 50%;
  margin: 0 0 0 -8px;
}
.l-btn-icon-bottom .l-btn-text {
  margin: 0 4px 20px 4px;
}
.l-btn-icon-bottom .l-btn-icon {
  top: auto;
  bottom: 4px;
  left: 50%;
  margin: 0 0 0 -8px;
}
.l-btn-left .l-btn-empty {
  margin: 0 4px;
  width: 16px;
}
.l-btn-plain:hover {
  padding: 0;
}
.l-btn-focus {
  outline: #0000FF dotted thin;
}
.l-btn-large .l-btn-text {
  line-height: 40px;
}
.l-btn-large .l-btn-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
}
.l-btn-large .l-btn-icon-left .l-btn-text {
  margin-left: 40px;
}
.l-btn-large .l-btn-icon-right .l-btn-text {
  margin-right: 40px;
}
.l-btn-large .l-btn-icon-top .l-btn-text {
  margin-top: 36px;
  line-height: 24px;
  min-width: 32px;
}
.l-btn-large .l-btn-icon-top .l-btn-icon {
  margin: 0 0 0 -16px;
}
.l-btn-large .l-btn-icon-bottom .l-btn-text {
  margin-bottom: 36px;
  line-height: 24px;
  min-width: 32px;
}
.l-btn-large .l-btn-icon-bottom .l-btn-icon {
  margin: 0 0 0 -16px;
}
.l-btn-large .l-btn-left .l-btn-empty {
  margin: 0 4px;
  width: 32px;
}
.l-btn {
  color: #fff; /*#444 #fff*/
  background: #33b388; /*#f5f5f5  #33b388*/
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  /* background: -webkit-linear-gradient(top,#ffffff 0,#e6e6e6 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#e6e6e6 100%);
  background: -o-linear-gradient(top,#ffffff 0,#e6e6e6 100%); */
  background: #33b388;/*linear-gradient(to bottom,#ffffff 0,#e6e6e6 100%) #33b388*/
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e6e6e6,GradientType=0);*/
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin-left: 10px;
}
.l-btn:hover {
  background: #8EBD14; /*#e6e6e6 #8EBD14*/
  color: #ffffff; /*#00438a #ffffff*/
  border: 1px solid #ddd;
  filter: none;
}
.l-btn-plain {
  background: transparent;
  border: 0;
  filter: none;
}
.l-btn-plain:hover {
  /*background: #8EBD14;*/
  color: #00438a;
  border: 1px solid #ddd;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.l-btn-disabled,
.l-btn-disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
  background: #33b388;
  color: #444;
/*   background: -webkit-linear-gradient(top,#ffffff 0,#e6e6e6 100%); */
/*   background: -moz-linear-gradient(top,#ffffff 0,#e6e6e6 100%); */
/*   background: -o-linear-gradient(top,#ffffff 0,#e6e6e6 100%); */
/*   background: linear-gradient(to bottom,#ffffff 0,#e6e6e6 100%); */
/*   background-repeat: repeat-x; */
/*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e6e6e6,GradientType=0); */
}
.l-btn-disabled .l-btn-text,
.l-btn-disabled .l-btn-icon {
  filter: alpha(opacity=50);
}
.l-btn-plain-disabled,
.l-btn-plain-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
}
.l-btn-selected,
.l-btn-selected:hover {
  background: #ddd;
  filter: none;
}
.l-btn-plain-selected,
.l-btn-plain-selected:hover {
  background: #ddd;
}
.textbox {
  position: relative;
  border: 1px solid #D4D4D4;
  background-color: #fff;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  /* margin-left: 5px; */
  padding: 0;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.textbox .textbox-text {
  font-size: 12px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #000000;
}
.textbox .textbox-prompt {
  font-size: 12px;
  color: #aaa;
}
.textbox-button,
.textbox-button:hover {
  position: absolute;
  top: 0;
  padding: 0;
  vertical-align: top;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.textbox-button-right,
.textbox-button-right:hover {
  right: 0;
  border-width: 0 0 0 1px;
}
.textbox-button-left,
.textbox-button-left:hover {
  border-width: 0 1px 0 0;
}
.textbox-addon {
  position: absolute;
  top: 0;
}
.textbox-label {
  display: inline-block;
  width: 80px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding-right: 5px;
  color: #01805c
}
.textbox-icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  overflow: hidden;
  vertical-align: top;
  background-position: center center;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-decoration: none;
  outline-style: none;
}
.textbox-icon-disabled,
.textbox-icon-readonly {
  cursor: default;
}
.textbox-icon:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.textbox-icon-disabled:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.textbox-focused {
  /* -moz-box-shadow: 0 0 3px 0 #D4D4D4;
  -webkit-box-shadow: 0 0 3px 0 #D4D4D4;
  box-shadow: 0 0 3px 0 #D4D4D4; */
  border-color: #66afe9 !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, 0.6);
}
.textbox-invalid {
  border-color: #ffa8a8;
  background-color: #fff3f3;
}
.filebox .textbox-value {
  vertical-align: top;
  position: absolute;
  top: 0;
  left: -5000px;
}
.combo {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  vertical-align: middle;
}
.combo .combo-text {
  font-size: 12px;
  border: 0px;
  margin: 0;
  padding: 0px 2px;
  vertical-align: baseline;
}
.combo-arrow {
  margin-top: 3px;
  width: 18px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.combo-arrow-hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.combo-panel {
  overflow: auto;
}
.combo-arrow {
  background: url('images/combo_arrow_new.png') no-repeat center center;
}
.combo-panel {
  /* background-color: #507ea4; */
  max-height: 350px !important;
  min-height: 45px;
  border: 20px solid #0000;
  border-top-width: 20px !important;
  border-right-width: 7px !important;
  border-left-width: 10px !important;
  border-bottom-width: 15px !important;
  border-image-source: url(./images/1115/下拉框.png);
  border-image-slice: 13% 5% 13% 5% fill;
  border-image-repeat: inherit;
  background-color: #00000000 !important;
}
/*.combo-panel .tree{*/
/*  color: white;*/
/*}*/
.combo {
  border-color: #D4D4D4;
  background-color: #fff;
  /* margin-left: 5px; */
}
.combo-arrow {
  background-color: #F2F2F2;
}
/*.combo-arrow-hover {*/
/*  background-color: #e6e6e6;*/
/*}*/
/*.combo-arrow:hover {*/
/*  background-color: #e6e6e6;*/
/*}*/
.combo .textbox-icon-disabled:hover {
  cursor: default;
}
.textbox-invalid {
  border-color: #ffa8a8;
  background-color: #fff3f3;
}
/*.combobox-item{*/
/*  color: white;*/
/*}*/
.combobox-item,
.combobox-group {
  font-size: 12px;
  padding: 3px;
  padding-right: 0px;
}
.combobox-item-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.combobox-gitem {
  padding-left: 10px;
}
.combobox-group {
  font-weight: bold;
}
.combobox-item-hover {
  background-color: #e6e6e6;
  color: #00438a;
}
.combobox-item-selected {
  background-color: #00a479;
  color: #fff;
}
.layout {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 0;
}
.layout-panel {
  position: absolute;
  overflow: hidden;
}
.layout-panel-east,
.layout-panel-west {
  z-index: 2;
}
.layout-panel-north,
.layout-panel-south {
  z-index: 3;
}
.layout-expand {
  position: absolute;
  padding: 0px;
  font-size: 1px;
  cursor: pointer;
  z-index: 1;
}
.layout-expand .panel-tool a{
  background-color: transparent;
}
.layout-button-right{
  background-color: transparent !important;
}
.layout-expand .panel-header,
.layout-expand .panel-body {
  background: transparent;
  filter: none;
  overflow: hidden;
}
.layout-expand .panel-header {
  border-bottom-width: 0px;
}
.layout-split-proxy-h,
.layout-split-proxy-v {
  position: absolute;
  font-size: 1px;
  display: none;
  z-index: 5;
}
.layout-split-proxy-h {
  width: 5px;
  cursor: e-resize;
}
.layout-split-proxy-v {
  height: 5px;
  cursor: n-resize;
}
.layout-mask {
  position: absolute;
  background: #fafafa;
  filter: alpha(opacity=10);
  opacity: 0.10;
  z-index: 4;
}
.layout-button-up {
  background: url('images/layout_arrows.png') no-repeat -16px -16px;
}
.layout-button-down {
  background: url('images/layout_arrows.png') no-repeat -16px 0;
}
.layout-button-left {
  background: url('images/layout_arrowsnewnew_.png') no-repeat 0 0;
  width: 26px !important;
  height: 26px !important;
}
.layout-button-right {
  background: url('images/layout_arrowsnewnew_.png') no-repeat;
  background-position-y: -28px;
  width: 26px !important;
  height: 26px !important;
}
.layout-split-proxy-h,
.layout-split-proxy-v {
  background-color: #bbb;
}
.layout-split-north {
  border-bottom: 1px solid #eee;
}
.layout-split-south {
  border-top: 1px solid #eee;
}
.layout-split-east {
  border-left: 1px solid #eee;
}
.layout-split-west {
  border-right: 1px solid #eee;
}
.layout-expand {
  /*background-color: #F2F2F2;*/
}
.layout-expand-over {
  /*background-color: #F2F2F2;*/
}
.tabs-container {
  overflow: hidden;
}
.tabs-header {
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  position: relative;
  padding: 0;
  /*padding-top: 2px;*/
  padding-top: 0;
  overflow: hidden;
}
#tabs .tabs-header{
  height: 3% !important;
}
.tabs-header-plain {
  border: 0;
  background: transparent;
}
.tabs-scroller-left,
.tabs-scroller-right {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 18px;
  font-size: 1px;
  display: none;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
}
.tabs-scroller-left {
  left: 0;
}
.tabs-scroller-right {
  right: 0;
}
.tabs-tool {
  position: absolute;
  bottom: 0;
  padding: 1px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.tabs-header-plain .tabs-tool {
  padding: 0 1px;
}
.tabs-wrap {
  position: relative;
  left: 0;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tabs-scrolling {
  margin-left: 18px;
  margin-right: 18px;
}
.tabs-disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.tabs {
  list-style-type: none;
  height: 26px;
  margin: 0px;
  padding: 0px;
  padding-left: 4px;
  width: 50000px;
  border-style: solid;
  border-width: 0 0 1px 0;
  /*background : #F4F6FD;*/
}
.tabs li {
  float: left;
  display: inline-block;
  margin: 0 0.9vh 0vh 0;
  padding: 0;
  position: relative;
  border: 0;
}
.tabs li a.tabs-inner {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  /*-moz-border-radius: 5px 5px 0 0;*/
  /*-webkit-border-radius: 5px 5px 0 0;*/
  /*border-radius: 5px 5px 0 0;*/
}

#tabs .tabs li a.tabs-inner {
  border-width: 0;
  color: #002618;
}
.tabs li.tabs-selected a.tabs-inner {
  font-weight: bold;
  outline: none;
}
.tabs li.tabs-selected a:hover.tabs-inner {
  cursor: default;
  pointer: default;
}
.tabs li a.tabs-close,
.tabs-p-tool {
  position: absolute;
  font-size: 1px;
  display: block;
  height: 12px;
  padding: 0;
  top: 50%;
  margin-top: -6px;
  overflow: hidden;
}
.tabs li a.tabs-close {
  width: 12px;
  right: 5px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tabs-p-tool {
  right: 16px;
}
.tabs-p-tool a {
  display: inline-block;
  font-size: 1px;
  width: 12px;
  height: 12px;
  margin: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tabs li a:hover.tabs-close,
.tabs-p-tool a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: hand;
  cursor: pointer;
}
.tabs-with-icon {
  padding-left: 18px;
}
.tabs-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 10px;
  top: 50%;
  margin-top: -8px;
}
.tabs-title {
  font-size: 12px;
}
.tabs-closable {
  padding-right: 8px;
}
.tabs-panels {
  margin: 0px;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  overflow: hidden;
}
.tabs-header-bottom {
  border-width: 0 1px 1px 1px;
  padding: 0 0 2px 0;
}
.tabs-header-bottom .tabs {
  border-width: 1px 0 0 0;
}
.tabs-header-bottom .tabs li {
  margin: -1px 4px 0 0;
}
.tabs-header-bottom .tabs li a.tabs-inner {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.tabs-header-bottom .tabs-tool {
  top: 0;
}
.tabs-header-bottom .tabs-scroller-left,
.tabs-header-bottom .tabs-scroller-right {
  top: 0;
  bottom: auto;
}
.tabs-panels-top {
  border-width: 1px 1px 0 1px;
}
.tabs-header-left {
  float: left;
  border-width: 1px 0 1px 1px;
  padding: 0;
}
.tabs-header-right {
  float: right;
  border-width: 1px 1px 1px 0;
  padding: 0;
}
.tabs-header-left .tabs-wrap,
.tabs-header-right .tabs-wrap {
  height: 100%;
}
.tabs-header-left .tabs {
  height: 100%;
  padding: 4px 0 0 4px;
  border-width: 0 1px 0 0;
}
.tabs-header-right .tabs {
  height: 100%;
  padding: 4px 4px 0 0;
  border-width: 0 0 0 1px;
}
.tabs-header-left .tabs li,
.tabs-header-right .tabs li {
  display: block;
  width: 100%;
  position: relative;
}
.tabs-header-left .tabs li {
  left: auto;
  right: 0;
  margin: 0 -1px 4px 0;
  float: right;
}
.tabs-header-right .tabs li {
  left: 0;
  right: auto;
  margin: 0 0 4px -1px;
  float: left;
}
.tabs-header-left .tabs li a.tabs-inner {
  display: block;
  text-align: left;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.tabs-header-right .tabs li a.tabs-inner {
  display: block;
  text-align: left;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.tabs-panels-right {
  float: right;
  border-width: 1px 1px 1px 0;
}
.tabs-panels-left {
  float: left;
  border-width: 1px 0 1px 1px;
}
.tabs-header-noborder,
.tabs-panels-noborder {
  border: 0px;
}
.tabs-header-plain {
  border: 0px;
  background: transparent;
}
.tabs-scroller-left {
  background: url('images/tabs_icons.png') no-repeat 1px center;
  border:none;
}
.tabs-scroller-right {
  background: url('images/tabs_icons.png') no-repeat -15px center;
  border:none;
}
.tabs li a.tabs-close {
  background: url('images/1115/编组7.png') no-repeat;
  background-size: 8px 8px !important;
  background-position: center;
}
.tabs li a.tabs-inner:hover {
  background: #e6e6e6;
  color: #00438a;
  filter: none;
}
.tabs li.tabs-selected a.tabs-inner {
  /* border-color: transparent; */
  background: #00A970 !important; /*transparent #F4F6FD #D2E0F2*/
  filter: none;
  color: #ffffff;
/*   background-color: #ffffff; #ffffff #D2E0F2
  color: #777;
  background: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -o-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=0); */
}
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner {
  background: #ffffff;
  /* background: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -o-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=0); */
}
.tabs-header-left .tabs li.tabs-selected a.tabs-inner {
  background: #ffffff;
  /* background: -webkit-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: -moz-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: -o-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: linear-gradient(to right,#ffffff 0,#ffffff 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=1); */
}
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
  background: #ffffff;
  /* background: -webkit-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: -moz-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: -o-linear-gradient(left,#ffffff 0,#ffffff 100%);
  background: linear-gradient(to right,#ffffff 0,#ffffff 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=1); */
}
.tabs li a.tabs-inner {
  color: #000;
  background-color: #F2F2F2;
  /* background: -webkit-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -o-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0); */
}
.tabs-header,
.tabs-tool {
  background-color: inherit;
}
.tabs-header-plain {
  background: transparent;
}
.tabs-header,
.tabs-scroller-left,
.tabs-scroller-right,
.tabs-tool,
.tabs,
.tabs-panels,
.tabs li a.tabs-inner,
.tabs li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner,
.tabs-header-left .tabs li.tabs-selected a.tabs-inner,
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
  border-color: #D4D4D4;
}
.tabs-p-tool a:hover,
.tabs li a:hover.tabs-close,
.tabs-scroller-over {
  /*background-color: #e6e6e6;*/
}
.tabs li.tabs-selected a.tabs-inner {
  border-bottom: 1px solid #ffffff;
}
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner {
  border-top: 1px solid #ffffff;
}
.tabs-header-left .tabs li.tabs-selected a.tabs-inner {
  border-right: 1px solid #ffffff;
}
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
  border-left: 1px solid #ffffff;
}
/*#senter_menu [class^="icon-"]:before,#senter_menu [class*=" icon-"]:before {
  background-image:linear-gradient(180deg, #34b388 18%, #34b388 51%, #34b388 83%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}*/
.header-right [class^="icon-"]:before,.header-right [class*=" icon-"]:before {
  background-image:linear-gradient(180deg, #34b388 18%, #34b388 51%, #34b388 83%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.nav-text{
  user-select:none;
  height: auto;
  margin: auto 0;
  display: inline;
  display: inline;
  font-size: 1.9vh!important;
  font-family: YouSheBiaoTiHei!important;
  background-image:-webkit-linear-gradient(bottom,#82FFCB,#fff,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

}
.si-doAlarmDetail [class^="icon-"], .si-doAlarmDetail [class*=" icon-"] {
  background-image: none;
}
#device-layout a [class^="icon-"],#device-layout a [class*=" icon-"] {
  display: inline;
  background-image: none;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline;
  background-image: none;
}
mainLayout [class^="icon-"], a [class*=" icon-"] {
  display: inline;
  background-image: none;
}
.datagrid .panel-body {
  overflow: hidden;
  position: relative;
}
.datagrid-view {
  position: relative;
  overflow: hidden;
}
.datagrid-view1,
.datagrid-view2 {
  position: absolute;
  overflow: hidden;
  top: 0;
}
.datagrid-view1 {
  left: 0;
}
.datagrid-view2 {
  right: 0;
}
.datagrid-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none;
}
.datagrid-mask-msg {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px 10px 30px;
  width: auto;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  display: none;
}
.datagrid-sort-icon {
  padding: 0;
}
.datagrid-toolbar {
  height: auto;
  padding: 1px 2px;
  border-width: 0 0 1px 0;
  border-style: solid;
}
.datagrid-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 2px 1px;
}
.datagrid .datagrid-pager {
  display: table;
  margin: 0 auto;
  border-width: 0px 0 0 0;
  border-style: solid;
}
.datagrid .datagrid-pager-top {
  border-width: 0 0 1px 0;
}
.datagrid-header {
  overflow: hidden;
  cursor: default;
  border-width: 0 0 1px 0;
  border-style: solid;
}
.datagrid-header-inner {
  float: left;
  width: 10000px;
}
.datagrid-header-row {
  height: 45px;
  /*background: #3c9cd7;*//*#001864 #17184b;/*0560b3 2687f3 19265a #00354b 0f2d5d #0c40e3 #0c40e3 #08081c #011b42 #244ea1 17184b*/
  color:#002618;/* #ececec*/
  background: #88dfc1 !important;
  /*box-shadow: -10px 0px 15px #034c6a inset,*/
  /*0px 0px 15px #0096ff inset;*/
}
.datagrid-row {
  height: 35px;
}
.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  border-width: 0 1px 1px 0;
  border-style: solid;
  margin: 0;
  padding: 0;
}
.datagrid-view2 .datagrid-htable td{
  border-top:1px solid;
}
.datagrid-view1 .datagrid-header-inner td{
  border-top:1px solid;
}
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  margin: 0;
  padding: 0 4px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  font-size: 13px;
}
.datagrid-header .datagrid-cell {
  height: auto;
  text-align:center;
}
.datagrid-header .datagrid-cell span {
  font-size: 13px;
  font-weight:bold;
}
.datagrid-cell-group {
  text-align: center;
}
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  width: 25px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.datagrid-body {
  margin: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
}
.datagrid-view1 .datagrid-body-inner {
  padding-bottom: 20px;
}
.datagrid-view1 .datagrid-body {
  overflow: hidden;
}
.datagrid-footer {
  overflow: hidden;
}
.datagrid-footer-inner {
  border-width: 1px 0 0 0;
  border-style: solid;
  width: 10000px;
  float: left;
}
.datagrid-row-editing .datagrid-cell {
  height: auto;
}
.datagrid-header-check,
.datagrid-cell-check {
  padding: 0;
  width: 27px;
  height:20px;
  font-size: 1px;
  text-align: center;
  overflow: hidden;
}
.datagrid-header-check input,
.datagrid-cell-check input {
  margin: 0;
  padding: 0;
  width: 15px;
  height: 18px;
}
.datagrid-resize-proxy {
  position: absolute;
  width: 1px;
  height: 10000px;
  top: 0;
  cursor: e-resize;
  display: none;
}
.datagrid-body .datagrid-editable {
  margin: 0;
  padding: 0;
}
.datagrid-body .datagrid-editable table {
  width: 100%;
  height: 100%;
}
.datagrid-body .datagrid-editable td {
  border: 0;
  margin: 0;
  padding: 0;
}
.datagrid-view .datagrid-editable-input {
  margin: 0;
  padding: 2px 4px;
  border: 1px solid #D4D4D4;
  font-size: 12px;
  outline-style: none;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.datagrid-sort-desc .datagrid-sort-icon {
  padding: 0 13px 0 0;
  background: url('images/datagrid_icons.png') no-repeat -16px center;
}
.datagrid-sort-asc .datagrid-sort-icon {
  padding: 0 13px 0 0;
  background: url('images/datagrid_icons.png') no-repeat 0px center;
}
.datagrid-row-collapse {
  background: url('images/datagrid_icons.png') no-repeat -48px center;
}
.datagrid-row-expand {
  background: url('images/datagrid_icons.png') no-repeat -32px center;
}
.datagrid-mask-msg {
  background: #ffffff url('images/loading.gif') no-repeat scroll 5px center;
}
.datagrid-header,
.datagrid-td-rownumber {
  background-color: #F2F2F2;
  /* background: -webkit-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -o-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0); */
}
.datagrid-cell-rownumber {
  color: #333;
}
.datagrid-resize-proxy {
  background: #bbb;
}
.datagrid-mask {
  background: #ccc;
}
.datagrid-mask-msg {
  border-color: #D4D4D4;
}
.datagrid-toolbar,
.datagrid-pager {
  background: inherit;
}
.datagrid-header,
.datagrid-toolbar,
.datagrid-pager,
.datagrid-footer-inner {
  border-color: transparent;
  background: transparent;
}
.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  border-color: #43ae87;
}
.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
  color: #333; /*#333 91949f #66cdff*/
  border-collapse: separate;
  /*border-right:1px solid;*/
}
.datagrid-row-alt {
  background: #F5F5F5;
}
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: #bdfee8 !important;
  /*color: #00438a;*/
  cursor: default;
}
.datagrid-row-selected {
  background: #bdfee8 !important;
  color: #000000;
}
.datagrid-row-selected .datagrid-aLink{
  color: #000 !important;
}
.datagrid-row-editing .textbox,
.datagrid-row-editing .textbox-text {
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.propertygrid .datagrid-view1 .datagrid-body td {
  padding-bottom: 1px;
  border-width: 0 1px 0 0;
}
.propertygrid .datagrid-group {
  height: 21px;
  overflow: hidden;
  border-width: 0 0 1px 0;
  border-style: solid;
}
.propertygrid .datagrid-group span {
  font-weight: bold;
}
.propertygrid .datagrid-view1 .datagrid-body td {
  border-color: #e6e6e6;
}
.propertygrid .datagrid-view1 .datagrid-group {
  border-color: #F2F2F2;
}
.propertygrid .datagrid-view2 .datagrid-group {
  border-color: #e6e6e6;
}
.propertygrid .datagrid-group,
.propertygrid .datagrid-view1 .datagrid-body,
.propertygrid .datagrid-view1 .datagrid-row-over,
.propertygrid .datagrid-view1 .datagrid-row-selected {
  background: #F2F2F2;
}
.pagination {
  zoom: 1;
}
.pagination a{
  border: 1px solid #00b086;
  border-radius: 2px;
  margin: 0 2px;
}
.pagination a:hover{
  padding: 1px;
  border-radius: 2px;
}
.pagination .l-btn-text{
  padding: 0;
}
.pagination table {
  float: right;
  height: 30px;
}
.pagination td {
  border: 0;
}
.pagination-btn-separator {
  float: left;
  height: 24px;
  /*border-left: 1px solid #ccc;*/
  /*border-right: 1px solid #fff;*/
  margin: 3px 1px;
}
.pagination .pagination-num {
  border-width: 1px;
  border-style: solid;
  margin: 0 2px;
  padding: 4px 2px;
  width: 2.5rem;
  height: auto;
}
.pagination-page-list {
  margin: 0px 6px;
  padding: 1px 2px;
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
}
.pagination-info {
  float: left;
  margin: 3px 6px 0 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #002618;
  font-family: PingFang SC, PingFang SC-5;
  opacity: 1;
}
.pagination span {
  font-size: 12px;
  color: #002618;
}
.pagination-link .l-btn-text {
  width: 24px;
  text-align: center;
  margin: 0;
}
.pagination-first {
  background: url('images/doubleLeftArrow.png') no-repeat center;
}
.pagination-prev {
  background: url('images/pagination-left.png') no-repeat center;
}
.pagination-next {
  background: url('images/pagination-right.png') no-repeat center;
}
.pagination-last {
  background: url('images/doubleRightArrow.png') no-repeat center;
}
.pagination-load {
  background: url('images/pagination-load.png') no-repeat center;
}
.pagination-loading {
  background: url('images/loading.gif') no-repeat center center;
}
.pagination-page-list,
.pagination .pagination-num {
  border-color: #D4D4D4;
  border-radius:3px;
  background: #34B388;
  text-align:center;
  color:#fff;
}
.calendar {
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  overflow: hidden;
}
.calendar table {
  table-layout: fixed;
  border-collapse: separate;
  font-size: 12px;
  width: 100%;
  height: 100%;
}
.calendar table td,
.calendar table th {
  font-size: 12px;
}
.calendar-noborder {
  border: 0;
}
.calendar-header {
  position: relative;
  height: 22px;
}
.calendar-title {
  text-align: center;
  height: 22px;
}
.calendar-title span {
  position: relative;
  display: inline-block;
  top: 2px;
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  cursor: pointer;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.calendar-prevmonth,
.calendar-nextmonth,
.calendar-prevyear,
.calendar-nextyear {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  font-size: 1px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.calendar-prevmonth {
  left: 20px;
  background: url('images/calendar_arrows.png') no-repeat -18px -2px;
}
.calendar-nextmonth {
  right: 20px;
  background: url('images/calendar_arrows.png') no-repeat -34px -2px;
}
.calendar-prevyear {
  left: 3px;
  background: url('images/calendar_arrows.png') no-repeat -1px -2px;
}
.calendar-nextyear {
  right: 3px;
  background: url('images/calendar_arrows.png') no-repeat -49px -2px;
}
.calendar-body {
  position: relative;
}
.calendar-body th,
.calendar-body td {
  text-align: center;
}
.calendar-day {
  border: 0;
  padding: 1px;
  cursor: pointer;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.calendar-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.calendar-disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.calendar-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 150px;
  padding: 5px;
  font-size: 12px;
  display: none;
  overflow: hidden;
}
.calendar-menu-year-inner {
  text-align: center;
  padding-bottom: 5px;
}
.calendar-menu-year {
  width: 40px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 2px;
  font-weight: bold;
  font-size: 12px;
}
.calendar-menu-prev,
.calendar-menu-next {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: top;
  cursor: pointer;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.calendar-menu-prev {
  margin-right: 10px;
  background: url('images/calendar_arrows.png') no-repeat 2px 2px;
}
.calendar-menu-next {
  margin-left: 10px;
  background: url('images/calendar_arrows.png') no-repeat -45px 2px;
}
.calendar-menu-month {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.calendar-body th,
.calendar-menu-month {
  color: #808080;
}
.calendar-day {
  color: #333;
}
.calendar-sunday {
  color: #CC2222;
}
.calendar-saturday {
  color: #00ee00;
}
.calendar-today {
  color: #0000ff;
}
.calendar-menu-year {
  border-color: #D4D4D4;
}
.calendar {
  border-color: #D4D4D4;
}
.calendar-header {
  /*background: #F2F2F2;*/
  background: transparent;
}
.calendar-body,
.calendar-menu {
  background: transparent;
}
#calendar .calendar-menu-year-inner{
  background: #00165e;
}
#calendar .calendar-menu-month-inner{
  background: #00165e;
}
#calendar .calendar-menu {
  background: #ffffff;
}
.calendar-body th {
  /*background: #F5F5F5;*/
  background: transparent;
  padding: 2px 0;
}
.calendar-hover,
.calendar-nav-hover,
.calendar-menu-hover {
  background-color: #e6e6e6;
  color: #00438a;
}
.calendar-hover {
  border: 1px solid #ddd;
  padding: 0;
}
.calendar-selected {
  background-color: #0081c2;
  color: #fff;
  border: 1px solid #0070a9;
  padding: 0;
}
.datebox-calendar-inner {
  height: 180px;
}
.datebox-button {
  height: 18px;
  padding: 2px 5px;
  text-align: center;
}
.datebox-button a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.datebox-button a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.datebox-current,
.datebox-close {
  float: left;
}
.datebox-close {
  float: right;
}
.datebox .combo-arrow {
  background-image: url('images/筛选-日期.png');
  background-position: center center;
}
.datebox-button {
  background-color: #F5F5F5;
}
.datebox-button a {
  color: #444;
}
.numberbox {
  border: 1px solid #D4D4D4;
  /* margin-left: 5px; */
  padding: 0 2px;
  vertical-align: middle;
}
.textbox {
  padding: 3px;
}
.spinner {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  vertical-align: middle;
}
.spinner .spinner-text {
  font-size: 12px;
  border: 0px;
  margin: 0;
  padding: 0 2px;
  vertical-align: baseline;
}
.spinner-arrow {
  background-color: #F2F2F2;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0;
  padding: 0;
  opacity: 1.0;
  filter: alpha(opacity=100);
  width: 18px;
}
.spinner-arrow-up,
.spinner-arrow-down {
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: block;
  font-size: 1px;
  width: 18px;
  height: 10px;
  width: 100%;
  height: 50%;
  outline-style: none;
}
.spinner-arrow-hover {
  background-color: #e6e6e6;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.spinner-arrow-up:hover,
.spinner-arrow-down:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  background-color: #e6e6e6;
}
.textbox-icon-disabled .spinner-arrow-up:hover,
.textbox-icon-disabled .spinner-arrow-down:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: #F2F2F2;
  cursor: default;
}
.spinner .textbox-icon-disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.spinner-arrow-up {
  background: url('images/spinner_arrows.png') no-repeat 1px center;
}
.spinner-arrow-down {
  background: url('images/spinner_arrows.png') no-repeat -15px center;
}
.spinner {
  border-color: #D4D4D4;
}
.progressbar {
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  position: relative;
}
.progressbar-text {
  text-align: center;
  position: absolute;
}
.progressbar-value {
  position: relative;
  overflow: hidden;
  width: 0;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.progressbar {
  border-color: #D4D4D4;
}
.progressbar-text {
  color: #333;
  font-size: 12px;
}
.progressbar-value .progressbar-text {
  background-color: #0081c2;
  color: #fff;
}
.searchbox {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  vertical-align: middle;
}
.searchbox .searchbox-text {
  font-size: 12px;
  border: 0;
  margin: 0;
  padding: 0 2px;
  vertical-align: top;
}
.searchbox .searchbox-prompt {
  font-size: 12px;
  color: #ccc;
}
.searchbox-button {
  width: 18px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.searchbox-button-hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.searchbox .l-btn-plain {
  border: 0;
  padding: 0;
  vertical-align: top;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.searchbox .l-btn-plain:hover {
  border: 0;
  padding: 0;
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.searchbox a.m-btn-plain-active {
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.searchbox .m-btn-active {
  border-width: 0 1px 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.searchbox .textbox-button-right {
  border-width: 0 0 0 1px;
}
.searchbox .textbox-button-left {
  border-width: 0 1px 0 0;
}
.searchbox-button {
  background: url('images/searchbox_button.png') no-repeat center center;
}
.searchbox {
  border-color: #D4D4D4;
  background-color: #fff;
}
.searchbox .l-btn-plain {
  background: #F2F2F2;
}
.searchbox .l-btn-plain-disabled,
.searchbox .l-btn-plain-disabled:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.textbox-invalid {
  border-color: #ffa8a8;
  background-color: #fff3f3;
}
.passwordbox-open {
  background: url('images/passwordbox_open.png') no-repeat center center;
}
.passwordbox-close {
  background: url('images/passwordbox_close.png') no-repeat center center;
}
.slider-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.slider-h {
  height: 22px;
}
.slider-v {
  width: 22px;
}
.slider-inner {
  position: relative;
  height: 6px;
  top: 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.slider-handle {
  position: absolute;
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
.slider-tip {
  position: absolute;
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  white-space: nowrap;
  top: -22px;
}
.slider-rule {
  position: relative;
  top: 15px;
}
.slider-rule span {
  position: absolute;
  display: inline-block;
  font-size: 0;
  height: 5px;
  border-width: 0 0 0 1px;
  border-style: solid;
}
.slider-rulelabel {
  position: relative;
  top: 20px;
}
.slider-rulelabel span {
  position: absolute;
  display: inline-block;
  font-size: 12px;
}
.slider-v .slider-inner {
  width: 6px;
  left: 7px;
  top: 0;
  float: left;
}
.slider-v .slider-handle {
  left: 50%;
  margin-top: -10px;
}
.slider-v .slider-tip {
  left: -10px;
  margin-top: -6px;
}
.slider-v .slider-rule {
  float: left;
  top: 0;
  left: 16px;
}
.slider-v .slider-rule span {
  width: 5px;
  height: auto;
  border-left: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.slider-v .slider-rulelabel {
  float: left;
  top: 0;
  left: 23px;
}
.slider-handle {
  background: url('images/slider_handle.png') no-repeat;
}
.slider-inner {
  border-color: #D4D4D4;
  background: #F2F2F2;
}
.slider-rule span {
  border-color: #D4D4D4;
}
.slider-rulelabel span {
  color: #333;
}
.menu {
  position: absolute;
  margin: 0;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
.menu-item {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
}
.menu-text {
  height: 20px;
  line-height: 20px;
  float: left;
  padding-left: 5px;
}
.menu-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 50%;
  margin-top: -8px;
}
.menu-rightarrow {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.menu-line {
  position: absolute;
  left: 26px;
  top: 0;
  height: 2000px;
  font-size: 1px;
}
.menu-sep {
  margin: 3px 0px 3px 25px;
  font-size: 1px;
}
.menu-active {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.menu-item-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.menu-text,
.menu-text span {
  font-size: 12px;
}
.menu-shadow {
  position: absolute;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #00000000;
  -moz-box-shadow: 2px 2px 3px #cccccc;
  -webkit-box-shadow: 2px 2px 3px #cccccc;
  /*box-shadow: 2px 2px 3px #cccccc;*/
  box-shadow:none;
  filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
.menu-rightarrow {
  background: url('images/menu_arrows.png') no-repeat -32px center;
}
.menu-line {
  /*border-left: 1px solid #ccc;*/
  /*border-right: 1px solid #fff;*/
}
.menu-sep {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
.menu {
  color: #333;
  /*text-shadow: 1px 1px 3px #00100a7d;*/
  border: 20px solid #0000;
  border-top-width: 10px;
  border-right-width: 10px;
  border-left-width: 10px;
  border-bottom-width: 5px;
  border-image-source: url(images/1115/下拉框.png);
  border-image-slice: 10% 5% 5% fill;
  border-image-repeat:inherit;
  background-color: #00000000;
}
.menu-content {
  background: #ffffff;
}
.menu-item {
  border-color: transparent;
  _border-color: #fff;
}
.menu-active {
  border-color: #ddd;
  color: #FFFFFF;
  background: rgb(52, 179, 136);
}
.menu-active-disabled {
  border-color: transparent;
  background: transparent;
  color: #333;
}
.m-btn-downarrow,
.s-btn-downarrow {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  font-size: 1px;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.m-btn-active,
.s-btn-active {
  background: #e6e6e6;
  color: #00438a;
  border: 1px solid #ddd;
  filter: none;
}
.m-btn-plain-active,
.s-btn-plain-active {
  background: transparent;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.m-btn .l-btn-left .l-btn-text {
  margin-right: 20px;
}
.m-btn .l-btn-icon-right .l-btn-text {
  margin-right: 40px;
}
.m-btn .l-btn-icon-right .l-btn-icon {
  right: 20px;
}
.m-btn .l-btn-icon-top .l-btn-text {
  margin-right: 4px;
  margin-bottom: 14px;
}
.m-btn .l-btn-icon-bottom .l-btn-text {
  margin-right: 4px;
  margin-bottom: 34px;
}
.m-btn .l-btn-icon-bottom .l-btn-icon {
  top: auto;
  bottom: 20px;
}
.m-btn .l-btn-icon-top .m-btn-downarrow,
.m-btn .l-btn-icon-bottom .m-btn-downarrow {
  top: auto;
  bottom: 0px;
  left: 50%;
  margin-left: -8px;
}
.m-btn-line {
  display: inline-block;
  position: absolute;
  font-size: 1px;
  display: none;
}
.m-btn .l-btn-left .m-btn-line {
  right: 0;
  width: 16px;
  height: 500px;
  border-style: solid;
  border-color: #bbb;
  border-width: 0 0 0 1px;
}
.m-btn .l-btn-icon-top .m-btn-line,
.m-btn .l-btn-icon-bottom .m-btn-line {
  left: 0;
  bottom: 0;
  width: 500px;
  height: 16px;
  border-width: 1px 0 0 0;
}
.m-btn-large .l-btn-icon-right .l-btn-text {
  margin-right: 56px;
}
.m-btn-large .l-btn-icon-bottom .l-btn-text {
  margin-bottom: 50px;
}
.m-btn-downarrow,
.s-btn-downarrow {
  background: url('images/menu_arrows.png') no-repeat 0 center;
}
.m-btn-plain-active,
.s-btn-plain-active {
  border-color: #ddd;
  background-color: #e6e6e6;
  color: #00438a;
}
.s-btn:hover .m-btn-line,
.s-btn-active .m-btn-line,
.s-btn-plain-active .m-btn-line {
  display: inline-block;
}
.l-btn:hover .s-btn-downarrow,
.s-btn-active .s-btn-downarrow,
.s-btn-plain-active .s-btn-downarrow {
  border-style: solid;
  border-color: #bbb;
  border-width: 0 0 0 1px;
}
.messager-body {
  padding: 10px;
  overflow: hidden;
}
.messager-button {
  text-align: center;
  padding-top: 10px;
  font-size : 14px;
}
.messager-button .l-btn {
  width: 70px;
}
.messager-icon {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
}
.messager-error {
  background: url('images/messager_icons.png?v=20230802') no-repeat scroll -64px 0;
}
.messager-info {
  background: url('images/messager_icons.png?v=20230802') no-repeat scroll 0 0;
}
.messager-question {
  background: url('images/messager_icons.png?v=20230802') no-repeat scroll -32px 0;
}
.messager-warning {
  background: url('images/messager_icons.png?v=20230802') no-repeat scroll -96px 0;
}
.messager-progress {
  padding: 10px;
}
.messager-p-msg {
  margin-bottom: 5px;
}
.messager-body .messager-input {
  width: 100%;
  padding: 1px 0;
  border: 1px solid #D4D4D4;
}
.tree {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tree li {
  white-space: nowrap;
}
.tree li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tree-node {
  padding-top: 4px;
  height: 26px;
  white-space: nowrap;
  cursor: pointer;
}
.tree-hit {
  cursor: pointer;
}
.tree-expanded,
.tree-collapsed,
.tree-folder,
.tree-file,
.tree-checkbox,
.tree-indent {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: top;
  overflow: hidden;
}
.tree-expanded {
  background: url('images/tree_icons.png') no-repeat -18px 0px;
}
.tree-expanded-hover {
  background: url('images/tree_icons.png') no-repeat -50px 0px;
}
.tree-collapsed {
  background: url('images/tree_icons.png') no-repeat 0px 0px;
}
.tree-collapsed-hover {
  background: url('images/tree_icons.png') no-repeat -32px 0px;
}
.tree-lines .tree-expanded,
.tree-lines .tree-root-first .tree-expanded {
  background: url('images/tree_icons.png') no-repeat -144px 0;
}
.tree-lines .tree-collapsed,
.tree-lines .tree-root-first .tree-collapsed {
  background: url('images/tree_icons.png') no-repeat -128px 0;
}
.tree-lines .tree-node-last .tree-expanded,
.tree-lines .tree-root-one .tree-expanded {
  background: url('images/tree_icons.png') no-repeat -80px 0;
}
.tree-lines .tree-node-last .tree-collapsed,
.tree-lines .tree-root-one .tree-collapsed {
  background: url('images/tree_icons.png') no-repeat -64px 0;
}
.tree-line {
  background: url('images/tree_icons.png') no-repeat -176px 0;
}
.tree-join {
  background: url('images/tree_icons.png') no-repeat -192px 0;
}
.tree-joinbottom {
  background: url('images/tree_icons.png') no-repeat -160px 0;
}
.tree-folder {
  background: url('images/tree_icons.png') no-repeat -208px 0;
}
.tree-folder-open {
  background: url('images/tree_icons.png') no-repeat -224px 0;
}
.tree-file {
  background: url('images/tree_icons.png') no-repeat -240px 0;
}
.tree-loading {
  background: url('images/loading.gif') no-repeat center center;
}
.tree-checkbox0 {
  background: url('images/tree_icons.png') no-repeat -208px -18px;
}
.tree-checkbox1 {
  background: url('images/tree_icons.png') no-repeat -224px -18px;
}
.tree-checkbox2 {
  background: url('images/tree_icons.png') no-repeat -240px -18px;
}
.tree-title {
  font-size: 12px;
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 2px;
  height: 18px;
  line-height: 18px;
}
.tree-node-proxy {
  font-size: 12px;
  line-height: 20px;
  padding: 0 2px 0 20px;
  border-width: 1px;
  border-style: solid;
  z-index: 9900000;
}
.tree-dnd-icon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 18px;
  left: 2px;
  top: 50%;
  margin-top: -9px;
}
.tree-dnd-yes {
  background: url('images/tree_icons.png') no-repeat -256px 0;
}
.tree-dnd-no {
  background: url('images/tree_icons.png') no-repeat -256px -18px;
}
.tree-node-top {
  border-top: 1px dotted red;
}
.tree-node-bottom {
  border-bottom: 1px dotted red;
}
.tree-node-append .tree-title {
  border: 1px dotted red;
}
.tree-editor {
  border: 1px solid #ccc;
  font-size: 12px;
  height: 14px !important;
  height: 18px;
  line-height: 14px;
  padding: 1px 2px;
  width: 80px;
  position: absolute;
  top: 0;
}
.tree-node-proxy {
  background-color: #ffffff;
  color: #333;
  border-color: #D4D4D4;
}
.tree-node-hover {
  background: linear-gradient(90deg,#40c7ad 0%, #1fffd545);
  color: #00438a;
}
.tree-node-selected {
  background: linear-gradient(90deg,#40c7ad 0%, #1fffd545);
  /*color: #FFFFFF;!*#fff #000*!*/
}
.tree-node-selected font{
  color: #FFFFFF;
}
.validatebox-invalid {
  border-color: #ffa8a8;
  background-color: #fff3f3;
  color: #000;
}
.tooltip {
  position: absolute;
  display: none;
  z-index: 9900000;
  outline: none;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.tooltip-content {
  font-size: 12px;
}
.tooltip-arrow-outer,
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent;
  _border-color: tomato;
  _filter: chroma(color=tomato);
}
.tooltip-right .tooltip-arrow-outer {
  left: 0;
  top: 50%;
  margin: -6px 0 0 -13px;
}
.tooltip-right .tooltip-arrow {
  left: 0;
  top: 50%;
  margin: -6px 0 0 -12px;
}
.tooltip-left .tooltip-arrow-outer {
  right: 0;
  top: 50%;
  margin: -6px -13px 0 0;
}
.tooltip-left .tooltip-arrow {
  right: 0;
  top: 50%;
  margin: -6px -12px 0 0;
}
.tooltip-top .tooltip-arrow-outer {
  bottom: 0;
  left: 50%;
  margin: 0 0 -13px -6px;
}
.tooltip-top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin: 0 0 -12px -6px;
}
.tooltip-bottom .tooltip-arrow-outer {
  top: 0;
  left: 50%;
  margin: -13px 0 0 -6px;
}
.tooltip-bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin: -12px 0 0 -6px;
}
.tooltip {
  background-color: #ffffff;
  border-color: #D4D4D4;
  color: #333;
}
.tooltip-right .tooltip-arrow-outer {
  border-right-color: #D4D4D4;
}
.tooltip-right .tooltip-arrow {
  border-right-color: #ffffff;
}
.tooltip-left .tooltip-arrow-outer {
  border-left-color: #D4D4D4;
}
.tooltip-left .tooltip-arrow {
  border-left-color: #ffffff;
}
.tooltip-top .tooltip-arrow-outer {
  border-top-color: #D4D4D4;
}
.tooltip-top .tooltip-arrow {
  border-top-color: #ffffff;
}
.tooltip-bottom .tooltip-arrow-outer {
  border-bottom-color: #D4D4D4;
}
.tooltip-bottom .tooltip-arrow {
  border-bottom-color: #ffffff;
}
.tabs-panels {
  border-color: transparent;
}
.tabs li a.tabs-inner {
  /* border-color: transparent;
  background: #D2E0F2; transparent #F4F6FD #D2E0F2
  filter: none;
  color: #0088CC; */

  background-color: #ffffff; /* #ffffff #D2E0F2 */
  /*color: #777;*/
  background: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: -o-linear-gradient(top,#ffffff 0,#ffffff 100%);
  background: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=0);
}
.menu-active-disabled {
  border-color: transparent;
  background: transparent;
  color: #333;
}

.filebox-label {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  left: 0;
  top: 0;
  z-index: 10;
  float:right;
  /* background: url('images/blank.gif') no-repeat; */
}

.l-btn-disabled .filebox-label {
  cursor: default;
}
#mainmessageNotify .tabs-inner{
  color: #01805c !important;
}

/*实时监控新样式*/
#linepic{
  background-image: url("../../../image/realTimePic/green/lan_zhongbiankuang-.png") !important;
  background-size: 100% 100%;
  height: 100%;
  width: 98% !important;
  margin-left:1%;
}
#content{
  margin-top: 0px ;
}
#content .monit-panel-body{
  margin-top: 0px ;
}
#lineNamedivLeft{
  display: inline-block;
  height: 100%;
  float: left;
  margin-left: 1%;
}
#lineNamedivLeft .content_title{
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 42px;
  font-family: YouSheBiaoTiHei!important;
  display: inline-block;
  width: inherit;
}
#shexiangtou{
  background-image: url("../../../image/realTimePic/green/shexiangtou.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
}
#renxingdao{
  background-image: url("../../../image/realTimePic/green/renxingdao.png");
  background-size: 100% 100%;
  width: 80px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 16%;
  left: 15%;
}
#realTimejpsb{
  background-image: url("../../../image/realTimePic/green/jianpaishebei.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#jianpaidian{
  background-image: url("../../../image/realTimePic/green/jianpaidian.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#realshipin{
  background-image: url("../../../image/realTimePic/green/shipin.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#realpiccewen{
  background-image: url("../../../image/realTimePic/green/cewen.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#picweiqixiang{
  background-image: url("../../../image/realTimePic/green/weiqixiang.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#tongji{
  float: right;
  margin-right: 10px;
  color: #ffffff;
  line-height: 42px;
  font-weight:500;
  font-family: YouSheBiaoTiHei !important;
}
#photos{
  border: none;
}
#photos .monit-content-title-background{
  background: linear-gradient(90deg,rgba(52,179,136,0.30), rgba(52,179,136,0.00));
}
#photos .span{
  color: #000932;
}
.pic-title-img{
  background-image: url("../../../image/realTimePic/green/icon.png");
  background-size: 100% 100%;
  width: 7px;
  height: 12px;
  display: inline-block;
  margin-left: 1%;
}

#cc .border-public{
  border: none;
}
#cc .layout-panel-west{
  border: none;
}
#cc .monit-panel{
  border: none;
}
#cc_tree{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
#shebeiliebiao{
  background-image: url("../../../image/realTimePic/green/tree_xiaobiaoti-.png");
  background-size: 101% 100%;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 35px;
  font-family: YouSheBiaoTiHei!important;
  margin: 3% 3% 0% 3%;
}
#tx{
  background-image: url("../../../image/realTimePic/green/lan_zhongbiankuang-.png");
  background-size: 100% 100%;
}
.tx{
  background-image: url("../../../image/realTimePic/green/lan_zhongbiankuang.png");
  background-size: 100% 100%;
}
#towerNameSpan{
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 42px;
  display: inline-block;
  width: inherit;
  font-family: YouSheBiaoTiHei!important;
}
#renxingdao_tit{
  background-image: url("../../../image/realTimePic/green/renxingdao.png");
  background-size: 100% 100%;
  width: 80px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 16%;
  left: 1%;
}
.deviceInformation{
  display: inline;
  position: absolute;
  width: 600px;
  height: 20px;
  text-align: right;
  top: 2%;
  right: 23%;
  color: #ffffff;
}

#realtime_wendu{
  background-image: url("../../../image/realTimePic/green/realtime_wendu.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_dianya{
  background-image: url("../../../image/realTimePic/green/realtime_dianya.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_dianliang{
  background-image: url("../../../image/realTimePic/green/realtime_dianliang.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#wangluoleixing{
  background-image: url("../../../image/realTimePic/green/wangluoleixing.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_xinhao{
  background-image: url("../../../image/realTimePic/green/realtime_xinhao.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
/*#tx .sp-selected-thumbnail:before{*/
/*  border: 5px solid #34B388 !important;*/
/*  width: 96% !important;*/
/*  left: -0.2% !important;*/
/*  height: 80% !important;*/
/*  top: 1vh;*/
/*}*/
/*#tx .sp-selected-thumbnail:after{*/
/*  border-bottom: 13px solid #00E7E9 !important;*/
/*  top: 1vh;*/
/*}*/
/*#tx .sp-thumbnail-image{*/
/*  width: 97% !important;*/
/*  height: 100% !important;*/
/*  position: relative !important;*/
/*  left: 1.5% !important;*/
/*  top: 1vh;*/
/*}*/
#tx .u-download-img{
  top: 93% !important;
}
#cc_right{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
.panel-right-icon{
  background-image: url("../../../image/realTimePic/green/icon.png");
  background-size: 100% 100%;
  width: 7px;
  height: 12px;
  display: inline-block;
  margin-left: 3%;
}
.panel-right-title{
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000932;
  line-height: 20px;
  font-family: YouSheBiaoTiHei!important;
  font-size: 16px;
}
#calendar{
  border: none;
}
.zhuangshihengxian{
  width: 88%;
  height: 1px;
  background: #34b388;
  margin-left: 5%;

}

#towerpic .l-btn {
  background: #ffffff;
  width: 65px !important;
  height: 57px !important;
  border: 1px solid #b4dfd8;
  color: #01805c ;
}
#navigation .l-btn{
  width: 81px !important;
  height: 23px !important;
}
#dgPanelp .m-btn-downarrow{
  background-image: url("../../../image/realTimePic/green/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 95%;
  left: 88%;
  width: 8px;
  height: 8px;
}
#tupianshipin{
  background-image: url("../../../image/realTimePic/green/lishitupian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jiancexiang{
  background-image: url("../../../image/realTimePic/green/jiancexiang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shipin{
  background-image: url("../../../image/realTimePic/green/realtimevideo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongpaizhao{
  background-image: url("../../../image/realTimePic/green/zhudongpaizhao.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongluxiang{
  background-image: url("../../../image/realTimePic/green/realtimevideo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#fuzhi{
  background-image: url("../../../image/realTimePic/green/fuzhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shengguang{
  background-image: url("../../../image/realTimePic/green/shengguang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#diaoyue{
  background-image: url("../../../image/realTimePic/green/diaoyue.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#weixin{
  background-image: url("../../../image/realTimePic/green/weixin.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#lishitupian{
  background-image: url("../../../image/realTimePic/green/lishitupian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#xianlanhuizhi{
  background-image: url("../../../image/realTimePic/green/xianlanhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#qingchuhuizhi{
  background-image: url("../../../image/realTimePic/green/qingchuhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongxunjian{
  background-image: url("../../../image/realTimePic/green/zhudongxunjian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhilingji{
  background-image: url("../../../image/realTimePic/green/zhilingji.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#kaiqiyushua{
  background-image: url("../../../image/realTimePic/green/kaiqiyugua.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#hanhua{
  background-image: url("../../../image/realTimePic/green/hanhua.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#lishiduibi{
  background-image: url("../../../image/realTimePic/green/lishiduibi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#tupianbiaoji{
  background-image: url("../../../image/realTimePic/green/tupianbiaoji.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongxunhang{
  background-image: url("../../../image/realTimePic/green/zhudongxunhang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jingtouchuwu{
  background-image: url("../../../image/realTimePic/green/jingtouchuwu.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#buguangdeng{
  background-image: url("../../../image/realTimePic/green/buguangdeng.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#chaoshengbo{
  background-image: url("../../../image/realTimePic/green/chaoshengbo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#ceju{
  background-image: url("../../../image/realTimePic/green/xianlanhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#xiafagongdan{
  background-image: url("../../../image/realTimePic/green/xiafagongdan.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shezhifenzu{
  background-image: url("../../../image/realTimePic/green/shezhifenzu.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#yinhuanleixing{
  background-image: url("../../../image/realTimePic/green/yinhuanleixing.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#dituchakan{
  background-image: url("../../../image/realTimePic/green/dituchakan.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jianpaidianxinxi{
  background-image: url("../../../image/realTimePic/green/jianpaidianxinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#gantaxinxi{
  background-image: url("../../../image/realTimePic/green/gantaxinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shebeizhuangtai{
  background-image: url("../../../image/realTimePic/green/shebeixinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shebeizhuangtai1{
  background-image: url("../../../image/realTimePic/green/shebeixinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shezhilougao{
  background-image: url("../../../image/realTimePic/green/shebeilougao.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#navigation .m-btn-downarrow{
  left: 91%;
  top: 92%;
}
#dgPanelp .l-btn-left{
  width: 100%;
}
#dgPanelp .l-btn-plain{
  padding: 0px !important;
  border-radius: 0px;
}
#dgPanelp .l-btn-text{
  margin-right: 0px;
}
#dgPanelp .divcss5-a{
  margin-left: 5px !important;
}
#shangyi{
  background-image: url("../../../image/realTimePic/green/shangyi.png") ;
  background-size: 100% 100%;
  width: 11px;
  height: 14px;
  display: inline-block;
}
#xiayi{
  background-image: url("../../../image/realTimePic/green/xiayi.png") ;
  background-size: 100% 100%;
  width: 11px;
  height: 14px;
  display: inline-block;
}
.shangyi_btn{
  width: 47%;
  height: 30px;
  white-space: nowrap;
  border: 1px solid #b4dfd8;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  line-height: 2.5;
  color: #34B388;
  margin-left: 2%;
  cursor: pointer;
}
#dgPanelp .menu{
  background-color: #34B388;
  border-color: transparent !important;
  color: #fff;
}

#dgPanelp .l-btn{
  margin-left:0px;
}


.kuang{
  display: inline-block;
  width: 32.5%;
  margin: 0 auto 10px 0.5%;
  height: 47.5%;
  background: #01805c;
}


.dsToolipFontTitle{
  font-size:14px;
  color:#000;
  font-weight:400;
  margin-left:16px;
}

.dsToolipFontContent{
  float:right;
  margin-left:20px;
  font-size:14px;
  color:#000;
  font-weight:900;
}
#video_all{
  background-image: url("../../../image/realTimePic/green/zhongmokuang-.png");
  background-size: 100% 100%;
}

#videoRight{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
#videoRightcj{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
#videoRightrtmp{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
.yuntaikongzhi{
  background-image: url("../../../image/realTimePic/green/tree_xiaobiaoti-.png");
  background-size: 100% 100%;
  height: 36px;
  margin: 3%;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 35px;
  font-family: YouSheBiaoTiHei!important;
}
.yaokong{
  background-image: url("../../../image/realTimePic/green/yaokong-rec.png");
  background-size: 100% 100%;
  width: 168px;
  height: 168px;
}
.guanbi{
  background-image: url("../../../image/realTimePic/green/close-icon.png");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}
.guanbi:hover{
  background-image: url("../../../image/realTimePic/green/close-icon-small.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.shang{
  background-image: url("../../../image/realTimePic/green/shang.png");
  background-size: 100% 100%;
  width: 25px;
  height: 15px;
}
.shang:hover{
  background-image: url("../../../image/realTimePic/green/shangbg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.xia{
  background-image: url("../../../image/realTimePic/green/xia.png");
  background-size: 100% 100%;
  width: 25px;
  height: 15px;
}
.xia:hover{
  background-image: url("../../../image/realTimePic/green/xiabg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.zuo{
  background-image: url("../../../image/realTimePic/green/zuo.png");
  background-size: 100% 100%;
  width: 15px;
  height: 25px;
}
.zuo:hover{
  background-image: url("../../../image/realTimePic/green/zuobg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.you{
  background-image: url("../../../image/realTimePic/green/you.png");
  background-size: 100% 100%;
  width: 15px;
  height: 25px;
}
.you:hover{
  background-image: url("../../../image/realTimePic/green/youbg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.suofang{
  background-image: url("../../../image/realTimePic/green/suofang.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.guangquan{
  background-image: url("../../../image/realTimePic/green/guangquan.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.jiaoju{
  background-image: url("../../../image/realTimePic/green/jiaoju.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.add{
  width: 20px;
  height: 20px;
  background: #34B388 !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
  margin: 3%;
}
.add:hover{
  background: #49FFC1 !important;
  cursor:pointer;
}
.reduce{
  width: 20px;
  height: 20px;
  background: #34B388 !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
  margin: 3%;
}
.reduce:hover{
  background: #49FFC1 !important;
  cursor:pointer;
}
/* 设置外部容器 */
.wrappers{
  width:180px;
  height:6px;
  vertical-align: middle;
  display: inline-block;
}
/* 设置进度条容器 */
.wrapper{
  width:180px;
  height:6px;
  margin-bottom:0;
  line-height:6px;
  position:relative;
  background-color: #34B388;
  border-radius: 5px;
}
/* 设置进度条显示颜色 */
#videoSpeed{
  height:100%;
  background-color:#16611f;
  border-radius: 5px;
  width: 80px;
}
/* 设置进度条右侧圆点 */
#progress-bar{
  width:15px;
  height:15px;
  position:absolute;
  bottom:-5px;
  border-radius: 50%;
  background-color:#FFFFFF;
  box-shadow: 0 0 0 3px #16611F inset;
  left: 80px;
}
/* 设置显示百分比 */
#show{
  position:relative;
  left:195px;
  top:-12px;
}
/* 设置进度条显示颜色 */
#pt_videoSpeed{
  height:100%;
  background-color:#34B388;
  border-radius: 5px;
  width: 80px;
}
/* 设置进度条右侧圆点 */
#pt_progress-bar{
  width:15px;
  height:15px;
  position:absolute;
  bottom:-5px;
  border-radius: 50%;
  background-color:#FFFFFF;
  box-shadow: 0 0 0 3px #34B388 inset;
  left: 80px;
}
/* 设置显示百分比 */
#pt_show{
  position:relative;
  left:195px;
  top:-12px;
}
/* 设置进度条显示颜色 */
#cj_videoSpeed{
  height:100%;
  background-color: #34B388;
  border-radius: 5px;
  width: 80px;
}
/* 设置进度条右侧圆点 */
#cj_progress-bar{
  width:15px;
  height:15px;
  position:absolute;
  bottom:-5px;
  border-radius: 50%;
  background-color:#FFFFFF;
  box-shadow: 0 0 0 3px #34B388 inset;
  left: 80px;
}
/* 设置显示百分比 */
#cj_show{
  position:relative;
  left:195px;
  top:-12px;
}

/* 设置进度条显示颜色 */
#rt_videoSpeed{
  height:100%;
  background-color:#34B388;
  border-radius: 5px;
  width: 80px;
}
/* 设置进度条右侧圆点 */
#rt_progress-bar{
  width:15px;
  height:15px;
  position:absolute;
  bottom:-5px;
  border-radius: 50%;
  background-color:#FFFFFF;
  box-shadow: 0 0 0 3px #34B388 inset;
  left: 80px;
}
/* 设置显示百分比 */
#rt_show{
  position:relative;
  left:195px;
  top:-12px;
}
.linkbuttonvideo{
  width:80px;
  background-color: #34B388;
}
.shezhibtn{
  background-image: url("../../../image/realTimePic/green/shezhi.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.shanchubtn{
  background-image: url("../../../image/realTimePic/green/shanchu.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.qianwangbtn{
  background-image: url("../../../image/realTimePic/green/qianwang.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
/*字体加粗*/
.v-btn-text-selectednew {
  font-weight: 900;
  color: #34B388 !important;
}
.pre-place-name{
  width: 50%;
  height: 6%;
  text-align: center;
  border-right: 1px solid #34B388;
}
.pre-placr-li{
  border: 1px solid #34B388;
  margin: 0px 10px;
}
#yuzhiwei_table td{
  border: 1px solid #34B388;
}
#yuzhiwei_table{
  margin-left: 5%;
  margin-top: 5%;
}
.ullip{
  width: 49.2%;
  height: 35px;
  text-align: center;
  display: inline-block;
  line-height: 3;
  background: #34B388;
}
.yuzhiwei_table_li{
  border: 1px solid #3779FF;
  margin: 0px 10px;
}
#defog .m-btn-downarrow{
  background-image: url("../../../image/realTimePic/green/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 92%;
  left: 88%;
  width: 8px;
  height: 8px;
}
#rtmp-cloud-storage{
  color:  #34B388;
}
#rtmp-storage{
  color:  #34B388;
}
#video-title{
  color:  #34B388;
}
#video_MSG{
  background-image: url("../../../image/realTimePic/green/videocenterbg.png") !important;
  background-size: 100% 100% !important;
}
#video-center{
  background-image: url("../../../image/realTimePic/green/zhongmokuang-.png");
  background-size: 100% 100%;
}
#video-msg-info{
  width: 21vw;
  height: 150px;
  display: inline-block;
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #34B388;
  line-height: 28px;
  word-wrap: break-word;
  top: 70vh;
  left: 24vw;
  text-align: center;
}
#SenterCVSPlayer{
  background-image: url("../../../image/realTimePic/green/videocenterbg.png") !important;
  background-size: 100% 100% !important;
}

#realTimeVideoTree{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
.realTimeVideoTree{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
#Panelp{
  background-image: url("../../../image/realTimePic/green/zhongmokuang-.png");
  background-size: 100% 100%;
}
.yuntaibackground{
  background-image: url("../../../image/realTimePic/green/zhongmokuang-.png");
  background-size: 100% 100%;
}
.Panelp{
  background-image: url("../../../image/realTimePic/green/zhongmokuang.png");
  background-size: 100% 100%;
}
#realtimeVideoyuntai{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
.realtimeVideoyuntai{
  background-image: url("../../../image/realTimePic/green/tree_biankuang.png");
  background-size: 100% 100%;
}
#st-layout-one{
  background-image: url("../../../image/realTimePic/green/fenping1.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-two{
  background-image: url("../../../image/realTimePic/green/fenping2.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-three{
  background-image: url("../../../image/realTimePic/green/fenping3.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-four{
  background-image: url("../../../image/realTimePic/green/fenping4.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 20px;
}
#controlButton .m-btn-downarrow {
  background-image: url("../../../image/realTimePic/green/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 92%;
  left: 88%;
  width: 8px;
  height: 8px;
}
#controlButton .l-btn-left{
  width: 100%;
}

#deviceStatus .datagrid-header-row{
  box-shadow: none !important;
}
#minphoto .sp-thumbnail-image-container{
  width: 100% !important;
}
/*#minphoto .sp-thumbnail-text{*/
/*  width: 13vw;*/
/*  background: none;*/
/*  position: absolute;*/
/*  top: 12vh;*/
/*  line-height: 27px;*/
/*}*/
/*#minphoto  .sp-thumbnail-description{*/
/*  width: 12.8vw;*/
/*  height: 3vh;*/
/*  background: rgba(0,0,0,0.8);*/
/*  color: #00CDFC;*/
/*  position: relative;*/
/*  left: -0.15vw;*/
/*  bottom: 0.2vw;*/
/*  text-align: center;*/
/*}*/
#minphoto{
  width: 68vw !important;
}
#minphoto  .sp-thumbnail-container{
  width: 19.7% !important;
  display:inline-block;
  margin-left:0px !important;
  box-sizing: border-box;
}
/*#minphoto .sp-thumbnail{*/
/*  width: 100% !important;*/
/*  height: 100% !important;*/
/*}*/
#dycjInfoBtn .l-btn-left{
  margin-top: -3px!important;
}
/*#Pagination .l-btn-plain{*/
/*  background: #34b388 !important;*/
/*}*/
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #34b388;
}
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #01805c;
}
.textarea::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #34b388;
}
.textarea::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #01805c;
}
#calendar .calendar-selected{
  background-color: #01805c;
}
.font-1 {
  vertical-align: middle;
  font-size: 30px;
  color: #34b388;

}

.font-2 {
  vertical-align: middle;
  font-size: 30px;
  color: #c7c1c1;
}

.font-3 {
  vertical-align: middle;
  font-size: 25px;
  color: red;
}
#js_vue_tilt .u-many-open{
  right: 17.5vw;
  top: 6vh;
}
#controlButton .l-btn-text{
  margin-right:0px
}
#navigation .l-btn-text{
  margin-right:5px
}
#controlButton .l-btn-plain {
  background: #33b388; !important;
}
.controltab .l-btn-plain {
  background: #33b388;
}
#sagLineChartQueryDiv .l-btn-text{
  margin-top:0px;
}
#defog .l-btn-text{
  margin-right:0px;
}
#ronghe .l-btn-text{
  margin-right:0px;
}
.bdBackImg{
  background-image: url("./images/bdbackImg.png");
}
#paginationTemplate .pagination-links .l-btn{
  color: #333;
}
.datagrid-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
.datagrid-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #95D8C1;
}
.datagrid-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  /*border-radius: 10px;*/
  background: #D6F0E7;
}
#sdcw .accordion-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
#sdcw .accordion-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #95D8C1;
}
#sdcw .accordion-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  /*border-radius: 10px;*/
  background: #D6F0E7;
}
.panel-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
.panel-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #95D8C1;
}
.panel-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  /*border-radius: 10px;*/
  background: #D6F0E7;
}
.datagrid-view table tr:nth-child(odd)
{
  background: #FAFFFD;
}
/*设置偶数行颜色*/
.datagrid-view table tr:nth-child(even)
{
  background: #EAF7F3;
}
.sp-image {
  position: relative;
  display: block;
  border: none
}
.noPhoto{
  background-image: url("./images/noPhotoes.jpg");
  background-size: 100% 100%;
}
.noPhoto-thumbnail{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 45% 18%;
  background-image: url("./images/noPhotoes.jpg");
}
.panel-title{color: #000000}

.logo-text{
  background: linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 50%,#82FFD2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deivcelist-east{
  background:transparent;
  border:1px solid #06805e;
  border-radius:5px;
}
.g-home-new .g-left{
  height: 84vh;
  position: absolute;
  width: 21vw;
  top: 4vh;
  left: 1vh;
  background-image: url("./images/1115/框4(1)-.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*display: grid;*/
  grid-template-rows: 29% 20% 22% 29% ;
  user-select: none;
  padding: 2vh 0;
}
.g-home-new .g-main{
  display: grid;
  position: absolute;
  left: 21%;
  width: 57%;
}
/*.g-home-new .map-bg{*/
/*  height:65% !important;*/
/*}*/
.homeStaticBck-left{
  display: block;
}
.info-box-title{
  margin: auto;
  height: 3.64vh;
  width: 16.75vw;
  background-image: url("./images/1115/编组-.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.g-bottom-text{
   text-align: center;
   font-family: YouSheBiaoTiHei!important;
   font-size: 20px;
   font-weight: 400;
  color: #fff;
  align-self: center;
  text-shadow: 0 0 2px #000932;
   cursor: default;
   user-select: none;
   height: 100%;
   line-height: 188%;
 }
.g-bottom-text-tt{
  text-align: center;
  font-family: YouSheBiaoTiHei!important;
  font-size: 20px;
  font-weight: 400;
  color: black;
  align-self: center;
  text-shadow: 0 0 2px white;
  cursor: default;
  user-select: none;
  height: 100%;
  line-height: 188%;
}
.charts2bk{
  position: absolute;
  left: 10%;
  top: 9%;
  background-size: 50% 82%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(./images/饼图bg.png);
}
.charts2Info{
  position: absolute;
  left: 20%;
  top: 34%;
  width: 30%;
  height: 32%;
  text-align: center;
  display: block;
}
.charts2font1{
  width: 100%;
  text-align: center;
  height: 80%;
  display: inline-block;
  height: 51px;
  line-height: 51px;
  font-size: 30px;
  font-weight: 600;
  background: linear-gradient(#00ad4d, #34B388); /* 标准的语法 */
  background: -webkit-linear-gradient(#00ad4d, #34B388); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#00ad4d, #34B388); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#00ad4d, #34B388); /* Firefox 3.6 - 15 */
  background: linear-gradient(#00ad4d, #34B388); /* 标准的语法 */
  -webkit-background-clip: text; /* 将渐变应用于文本 */
  -webkit-text-fill-color: transparent; /* 文本颜色透明，使用渐变填充背景色 */
  font-family: LcdD !important;
}
.charts2font2{
  text-align: center;
  height: 20%;
  display: inline-block;
  font-size: 12.6px;
  color: #002618;
}
.map-tab{
  background-image: url(./images/tab选中.png);
  background-size: 100% 100%;
  width: 203px;
  height: 20px;
  position: absolute;
  right: 40.5%;
  top: 25%;
}
.center-bg{
  background-image: url(./images/中间bg-.png);
  background-size: 100% 100%;
}
.info-box-data{
  width: 100%;
  height: calc(100% - 2.6vw);
  margin-bottom: 1vh;
  border: 1px dotted #ffffff00;
  position: relative;
}
.device-info{
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
  margin-left: 1.4vw;
  width: 86%;
}
.device-info .info-icon{
  height: 30.3%;
  width: 3.33vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  margin-top: 4%;
  margin-left: 1vh;
}
.device-info .info-box{
  height: 90%;
  width: 90%;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./images/1115/在运数底座.png");
}
.device-info-text-value{
  font-weight:600;
  font-size: 1.04vw;
  top: 30%;
  left: 49%;
  position: relative;
  background-image: -webkit-linear-gradient(-90deg,#00b779 10%, #00b779 47%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  cursor: pointer;
}
.device-info-text-lable{
  font-weight:400;
  font-size: 0.625vw;
  position: absolute;
  color:#002618;
  cursor: pointer;
}
.device-info1 .device-info-text-lable{
  top:27%;
  left:25%;
}
.device-info2 .device-info-text-lable{
  top:27%;
  left:75%;
}
.device-info3 .device-info-text-lable{
  top:78%;
  left:25%;
}
.device-info4 .device-info-text-lable{
  top:78%;
  left:75%;
}
.device-info1 .info-icon{
  background-image: url("./images/1115/icon01-.png");
}
.device-info2 .info-icon{
  background-image: url("./images/1115/icon02-.png");
}
.device-info3 .info-icon{
  background-image: url("./images/1115/icon03-.png");
}
.device-info4 .info-icon{
  background-image: url("./images/1115/icon04-.png");
}
.chart_text {
  color: #fff;
  font-family: LcdD !important;
  font-weight: 400;
  text-align: left;
  position: relative;
  display: inline-block;
}
.lantiaoImg{
  background-image: url("./images/绿条.png");
  background-size: 100% 100%;
  width: 6px;
  height: 24px;
  display: inline-block;
}
.huangtiaoImg{
  background-image: url("./images/黄条.png");
  background-size: 100% 100%;
  width: 6px;
  height: 24px;
  display: inline-block;
}
.lantiao {
  display: block;
  width: 50%;
}
.lantiao_text {
  display: inline-block;
  color: #002618;
  position: relative;
  top: -7px;
  font-size: 14px;
}
.chart_text {
  color: #fff;
  font-family: PingFangSC-Medium;
  font-weight: 400;
  text-align: left;
  position: relative;
  display: inline-block;
}
.g-home-new .g-right{
  width: 21% !important;
  height: 84vh;
  position: absolute;
  width: 21vw;
  top: 4vh;
  right: 1vh;
  background-image: url("./images/1115/框4(1)-.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*display: grid;*/
  grid-template-rows: 29% 20% 22% 29% ;
  user-select: none;
  padding: 2vh 0;
}

.info-box-data.butler{
  margin: auto;
  width: 100%;
  overflow: auto;
}

/* 滚动条整体部分 */
.info-box-data.butler::-webkit-scrollbar {
  background: #3779FF66;
  width: 0.5vh;
  height: 0.5vh;
}
.info-box-data.butler::-webkit-scrollbar-thumb:horizontal {
  background-color: #00CCFF;
  border-radius: 3px;
}
.info-box-data.butler::-webkit-scrollbar-thumb:vertical {
  background-color: #3779FF;
  border-radius: 3px;
}
/* 滚动条的轨道（里面装有Thumb） */
.info-box-data.butler::-webkit-scrollbar-track {}
/* 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。 */
.info-box-data.butler::-webkit-scrollbar-button {
  display: none
}
.tablebox {
  height: 98%;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.tbl-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.butler-info{
  height: 30%;
  width: 99%;
  background-image: linear-gradient(90deg, #34b3881f 0%, #34b38866 50%, #34b3881a 100%);
  margin-top: 1%;
  margin-left: auto;
  margin-right: auto;
}
.butler-info-icon {
  height: 1.64vw;
  width: 0.677vw;
  margin-bottom: auto;
  margin-top: auto;
  margin-left: 0.5vw;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.butler-info-text {
  line-height: 1.64vw;
  margin-bottom: auto;
  margin-top: auto;
  margin-left: 1.5vw;
}
.butler-info-icon {
  background-image: url(./images/智能管家icon.png);
}
.table tr:nth-child(even)
{
  background: #edfcf7;
}
.historyTitleimg{
  width: 8px;
  height: 13px;
  vertical-align: text-bottom;
  margin-right: 0.5vh;
  display: inline-block;
  background-image: url(./images/设备-搜索icon.png);
}
.historyTitle{
  /*position: absolute;*/
  /*top: 51%;*/
  /*left: 2vh;*/
  color: #002618;
}
.charts6bkimg {
  background-image: url(./images/onlineBK.png?v=20230923);
  background-position-x: 9%;
  width: 182px;
  height: 182px;
  background-position-y: 6%;
  top: 3.5%;
  left: 10px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 0;
}
.charts6bkimgPoistion{
  width: 182px;
  height: 182px;
  background-position-x: 9%;
  background-position-y: 6%;
  top: 3.5%;
  left: 10px;
  position: absolute;
  background-repeat: no-repeat;
  pointer-events: none;
}
.butler-info-text{
  color: #002618;
}
#monitorCount{
  color: #34B388;
}
.lxlv{
  position: absolute;
  left: 36%;
  top: -20%;
  color: #FFF;
}
.info-box-ehcarts{
  height: calc(100% -  3.64vh);
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.dropdown-title{
  color: #cff9ff !important;
}
.trace-dividing-line{
  width: 84%;
  margin: 0 auto;
  height: 1px;
  background-image: linear-gradient(90deg, #FFFFFF 0%, #08895d 50%, #FFFFFF 100%);
}
.trace-border{
  background-image: url(./images/trace-border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 84%;
  height: 100%;
  margin: 3% auto;
  padding: 2%;
}
.device-orientation-title{
  background-image: url(./images/deviceorientationtitle.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 77px;
  height: 18px;
  padding-right: 10px;
  color: #FFFFFF;
}
.channelNameTitle{
  background-image: url(./images/小小标题bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 132px;
  height: 24px;
  padding-right: 10px;
  color: #FFFFFF;
  text-align: center;
  line-height: 24px;
}
.orientationColor{
  color: #01805c;
}
.orientationColor .textbox-label{
  color: #01805c !important;
}
.messager-title-thmeStyle{
  text-align: center;
  color: #000;
  font-family: "title-Regular" !important;
  cursor: pointer;
  font-size: 20px;
  font-weight: 100;
}

.tabs li{
  height: 100% !important;
}

.loadStyle{
  color:#000;
}

#cc_right .panel-body{
  overflow:hidden;
}
#alarmLinkagebk{
  background-image: url(./images/alarmLinkagebk.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 90%;
  height: 92%;
  margin-top: 14%;
  margin-left: 5%;
  box-sizing: border-box;
  padding: 6% 0;
}


.zuoshang{
  background-image: url("../../../image/realTimePic/green/zuoshang.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.zuoshang:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.zuoxia{
  background-image: url("../../../image/realTimePic/green/zuoxia.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.zuoxia:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.youshang{
  background-image: url("../../../image/realTimePic/green/youshang.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.youshang:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.youxia{
  background-image: url("../../../image/realTimePic/green/youxia.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.youxia:hover {
  transform: scale(0.8);
  cursor:pointer;
}

.cruiseSelect{
  color: black;
  border:1px solid black
}

#cruiseRtmp .l-btn {
  color: black;
}
#cruisePlugin_set .l-btn {
  color: black;
}

/**/

.tabs2-div .tabs-wrap {
  background-image: url("./images/relpic/btnBG.png");
  background-size: 26% 100%;
  background-repeat: no-repeat;
}
.tabs2-div .tabs.li {
  background-image: url("./images/relpic/btnBG.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.tabs2-div .tabs .tabs-first {
  background-image: url("./images/relpic/offbtn1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 5.9vw;
  margin-left: 0.4vw;
  margin-right: 0vw;
  background-color: #fff0;
  display: grid;
  height: 2.7vh!important;
  margin-top: 0.5vh;
}
.tabs2-div .tabs .tabs-first.tabs-selected {
  background-image: url("./images/relpic/onbtn1.png");
  background-color: #fff0;

}
.tabs2-div .tabs .tabs-last {
  background-image: url("./images/relpic/offbtn2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6vw;
  margin-left: -0.4vw;
  margin-right: 0vh;
  background-color: #fff0;
  display: grid;
  height: 2.7vh!important;
  margin-top: 0.1vh;
}

.tabs2-div .tabs .tabs-last.tabs-selected {
  background-image: url("./images/relpic/onbtn2.png");
  background-color: #fff0;

}
.tabs2-div .tabs-selected {
  border: 0!important;
  border-image: none;
}
.tabs2-div .tabs li.tabs-selected a:hover.tabs-inner {
  background-color: #fff0;
  filter: brightness(1.5);
}
.tabs2-div .tabs li a.tabs-inner:hover{
  background-color: #fff0;
  filter: brightness(1.5);
}


.devicemenu-box {
  position: absolute;
  top: 0;
  left: 10vw;
  /*border: 1px solid #fff;*/
  /*background-position-x: 1vw;*/
  /*background-position-y: 3.5vh;*/

  height: 11vw;
  width: 11vw;
  z-index: 1000;
  margin-top: 1vh;
}
.devicemenu_midplan {
  background-image: url("./images/relpic/BG.png");
  background-size: 92% 92%;
  background-repeat: no-repeat;
  height: 10vw;
  width: 10vw;
  margin-top: 7%;
  margin-left: 7%;
}
.devicemenu_item {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 2vw;
  height: 2vw;
  /*background-color: #007BFF;*/
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform-origin: center;
}
.devicemenu_item.offline {
  filter: grayscale(1);
}
.menu_mid_icon {
  height: 4vw;
  width: 4vw;
  margin: auto;
  position: absolute;
  top: 3.5vw;
  left: 3.5vw;
  background-size: 100% 100%;
  /*background: #ffff00;*/
}
.menu_mid_icon.unit-ungimbal, .menu_mid_icon.unit-img-unlock {
  filter: grayscale(1);
}

.devicemenu_item.item1 {
  background-image: url("./images/relpic/onoff.png");
  transform: translate(-50%, -50%) rotate(0deg) translate(4.23vw) rotate(-0deg);
}
.devicemenu_item.item1:hover {
  transform: translate(-50%, -50%) rotate(0deg) translate(4.23vw) rotate(-0deg) scale(1.2);
}
.devicemenu_item.item1.offline:hover {
  transform: translate(-50%, -50%) rotate(0deg) translate(4.23vw) rotate(-0deg);
}
.devicemenu_item.item2 {
  background-image: url("./images/relpic/tower.png");
  transform: translate(-50%, -50%) rotate(calc(360deg / 7)) translate(4.23vw) rotate(calc(-360deg / 7));
}
.devicemenu_item.item2:hover {
  transform: translate(-50%, -50%) rotate(calc(360deg / 7)) translate(4.23vw) rotate(calc(-360deg / 7)) scale(1.2);

}
.devicemenu_item.item3 {
  background-image: url("./images/relpic/msg.png");
  transform: translate(-50%, -50%) rotate(calc(2 * 360deg / 7)) translate(4.23vw) rotate(calc(-2 * 360deg / 7));
}
.devicemenu_item.item3:hover {
  transform: translate(-50%, -50%) rotate(calc(2 * 360deg / 7)) translate(4.23vw) rotate(calc(-2 * 360deg / 7)) scale(1.2);
}
.devicemenu_item.item3.offline:hover {
  transform: translate(-50%, -50%) rotate(calc(2 * 360deg / 7)) translate(4.23vw) rotate(calc(-2 * 360deg / 7));
}
.devicemenu_item.item4 {
  /*background-image: url("./images/relpic/cam.png");*/
  background-image: url("./images/relpic/device.png");
  transform: translate(-50%, -50%) rotate(calc(3 * 360deg / 7)) translate(4.23vw) rotate(calc(-3 * 360deg / 7));
}
.dlg_photo_btn {
  background-image: url("./images/relpic/cam.png");
  top: 32%;
  left: 79%;
}
.devicemenu_item.item4:hover {
  transform: translate(-50%, -50%) rotate(calc(3 * 360deg / 7)) translate(4.23vw) rotate(calc(-3 * 360deg / 7)) scale(1.2);
}
.devicemenu_item.item4.offline:hover {
  transform: translate(-50%, -50%) rotate(calc(3 * 360deg / 7)) translate(4.23vw) rotate(calc(-3 * 360deg / 7));
}
.devicemenu_item.item5 {
  background-image: url("./images/relpic/vdo.png");
  transform: translate(-50%, -50%) rotate(calc(4 * 360deg / 7)) translate(4.23vw) rotate(calc(-4 * 360deg / 7));
}
.devicemenu_item.item5:hover {
  transform: translate(-50%, -50%) rotate(calc(4 * 360deg / 7)) translate(4.23vw) rotate(calc(-4 * 360deg / 7)) scale(1.2);
}
.devicemenu_item.item5.offline:hover {
  transform: translate(-50%, -50%) rotate(calc(4 * 360deg / 7)) translate(4.23vw) rotate(calc(-4 * 360deg / 7));
}
.devicemenu_item.item6 {
  background-image: url("./images/relpic/pic.png");
  transform: translate(-50%, -50%) rotate(calc(5 * 360deg / 7)) translate(4.23vw) rotate(calc(-5 * 360deg / 7));
}
.devicemenu_item.item6:hover {
  transform: translate(-50%, -50%) rotate(calc(5 * 360deg / 7)) translate(4.23vw) rotate(calc(-5 * 360deg / 7)) scale(1.2);

}
.devicemenu_item.item7 {
  background-image: url("./images/relpic/alarm.png");
  transform: translate(-50%, -50%) rotate(calc(6 * 360deg / 7)) translate(4.23vw) rotate(calc(-6 * 360deg / 7));

}
.devicemenu_item.item7:hover {
  transform: translate(-50%, -50%) rotate(calc(6 * 360deg / 7)) translate(4.23vw) rotate(calc(-6 * 360deg / 7)) scale(1.2);

}

#linepic .tabs li a.tabs-inner {
  border: 0;
  background: #fff0!important;
}

.datagrid-empty {
  height: 100%;
  width: 100%;
  display: grid;
  color: #0AB0FF;
}