@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;
  width: 99% !important;
}
.panel-title {
  background: url('images/blank.gif') no-repeat;
  color:#59b9c6;
}
.panel-header-noborder {
  /* border-width: 1px 0 0px 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: -11px;
  height: 26px;
  overflow: hidden;
}
.panel-icon {
  left: 5px;
  width: 16px;
}
.panel-tool {
  right: 13px;
  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:#1c305c;*/
}
.panel-tool a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #00cdfc;
  -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_.png?v=20230731') no-repeat -16px 0px;
}
.panel-tool-close:hover {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -16px 0px;
}
.panel-tool-min {
  background: url('images/panel_tools_.png?v=20230731') no-repeat 0px 0px;
}
.panel-tool-min:hover {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat 0px 0px;
}
.panel-tool-max {
  background: url('images/panel_tools_.png?v=20230731') no-repeat 0px -16px;
}
.panel-tool-max:hover {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat 0px -16px;
}
.panel-tool-restore {
  background: url('images/panel_tools_.png?v=20230731') no-repeat -16px -16px;
}
.panel-tool-restore:hover {
  background: url('images/panel_tools_hover.png?v=20230731') no-repeat -16px -16px;
}
.panel-tool-collapse {
  background: url('../../../image/realTimePic/blue/panel_toolsnew.png') no-repeat -32px 0;
}
.panel-tool-expand {
  background: url('../../../image/realTimePic/blue/panel_toolsnew.png') no-repeat -32px -16px;
}
.panel-header,
.panel-body {
  border-color: #00CDFC;/*#D4D4D4*/
}
.panel-header {
  /* background-color: #f4f6fd;*/ /* #F2F2F2; */
  /*background-color:#031C54;/* rgb(48,96,167) 244ea1 011b42*/
  color:#00CDFC;
  /* 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);  */
}
.panel-body {
  color: #00CDFC;
  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;
}
.panel-title {
  color: white;
}
.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:#031C54;/*1c305c 28396d*/
  /*padding: 0px 0px 6px 0px;*/
  padding: 5px;
  box-sizing: border-box;
}
.window .window-body {
  /*border-width: 1px 1px 0px 1px;*/
  /*border-style: solid;*/
}
.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: #507ea4;*/
}
.window {
  /*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-ups.png?v=20231102");*/
  border-image-source:url("./images/Pop-none.png?v=20231102");
  /*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: center;
  font-size : 14px;
}
.dialog-button .l-btn {
  margin-left: 5px;
}
.dialog-toolbar,
.dialog-button {
  /*background: #031C54;/*010e28 F5F5F5 010e28*/
  /*border-width: 1px;*/
  /*border-style: solid;*/
}
.dialog-toolbar {
  border-color: #507ea4;/* #D4D4D4 #D4D4D4 #e6e6e6 #D4D4D4*/
}
.dialog-button {
  border-color: #507ea4;
}
.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;
}
.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: rgb(48,68,131);*/
  background: #256eb1;
  background-repeat: repeat-x;
  border: 0px 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: rgb(48,68,131);*/
  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*/
  background: #2895e8;
  color: #fff; /*#00438a #ffffff*/
  border: 0px solid #ddd;
  filter: none;
}
.l-btn-plain {
  background: transparent;
  border: 0;
  filter: none;
}
.l-btn-plain:hover {
  /*background: #e6e6e6;*/
  color: #256eb1;
  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: #008899;
  color: #3fc2ff  !important;
  /*   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 #00CDFC;
  /* background-color: #031C54;*/
  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;
  /* background-color:#031C54;*/
  color:#ffffff;
}
.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;
  /* background-color:#031C54;*/
  color:#ffffff;
}
.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:#00CDFC;
}
.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;
  border-right-width: 10px;
  border-left-width: 10px;
  border-bottom-width: 15px;
  border-image-source: url(./images/1115/下拉框.png);
  border-image-slice: 20% 5% 13% 5% fill;
  border-image-repeat: inherit;
  background-color: #00000000;
}
.combo {
  border-color: #00CDFC;
  /*background-color: #031C54;*/
  /* margin-left: 5px; */
}
.combo-arrow {
  /*background-color: #031C54;*/
}
/*.combo-arrow-hover {*/
/*  background-color: #e6e6e6;*/
/*}*/
/*.combo-arrow:hover {*/
/*  background-color: #e6e6e6;*/
/*}*/
.combo .textbox-icon-disabled:hover {
  cursor: default;
}
.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: #0081c2;
  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-expand .panel-header,
.layout-expand .panel-body {
  /*background: #031C54;*/
  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 #507ea4;
}
.layout-split-south {
  border-top: 1px solid #507ea4;
}
.layout-split-east {
  border-left: 1px solid #507ea4;
}
/*.layout-split-west {*/
/*  border-right: 1px solid #507ea4;*/
/*}*/
.layout-expand {
  /*background-color: #F2F2F2;*/
  /*border: 1px solid #507ea4;*/
}
.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;
  overflow: hidden;
}
.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;
  /*background-color: #031C54;*/
}
.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; */
  /*background : #031C54;/*rgb(1, 14, 40)*/
  border:0;
}
.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 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: transparent url('images/tabs_icons.png') no-repeat 1px center;/*17184b F2F2F2*/
  filter: brightness(10);
}
.tabs-scroller-right {
  background: transparent url('images/tabs_icons.png') no-repeat -15px center;
  filter: brightness(10);
}
.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: #0e3bb4;/*#2792c3 #e6e6e6*/
  color: #fff;/*#59b9c6 59b9c6*/
  filter: none;
}
.tabs li.tabs-selected a.tabs-inner {
  /* border-color: transparent; */
  /*background: #D2E0F2;   */    /*transparent #F4F6FD #D2E0F2*/
  filter: none;
  /*color: #0088CC;*/
  color: #fff;
  /*   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: #000000;
  /*background-color: #031C54;*/

  /* 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: #F4F6FD;*/
  /*background-color:#17184B;/*rgb(1, 14, 40)*/
}
.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: #00CDFC;
  border:1px;
}
.tabs-p-tool a:hover,
.tabs li a:hover.tabs-close,
.tabs-scroller-over {
  /*background-color: #00CDFC;*/
}
.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;
}
.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,#54a2ff,#fff,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

}
[class^="icon-"]:before, [class*=" icon-"]:before {
  background-image:-webkit-linear-gradient(bottom,#fff,#9fcbff,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.coveringBadDiv [class^="icon-"]:before, .coveringBadDiv [class*=" icon-"]:before {
  background-image:none;
  -webkit-background-clip:text;
  -webkit-text-fill-color:unset;
}
.si-doAlarmDetail [class^="icon-"], .si-doAlarmDetail [class*=" icon-"] {
  background-image: none;
}
#device-layout a [class^="icon-"], 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: 0px;
  border-width: 0 0 0px 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;
  /*background-color: #031C54;*/
}
.datagrid .datagrid-pager-top {
  border-width: 0 0 1px 0;
}
.datagrid-header {
  overflow: hidden;
  cursor: default;
  border-width: 0 0 0px 0;
  border-style: solid;
}
.datagrid-header-inner {
  float: left;
  width: 10000px;
}
/*.datagrid-header-row,
.datagrid-row {
  height: 35px;
  background: #0b2653;
}*/
/*表头背景色*/
.datagrid-header-row {
  height: 45px;
  /*background: #3c9cd7;*//*#001864 #17184b;/*0560b3 2687f3 19265a #00354b 0f2d5d #0c40e3 #0c40e3 #08081c #011b42 #244ea1 17184b*/
  color:#ffffff;/* #ececec*/
  background: #123384 !important;
  /*box-shadow: -10px 0px 15px #034c6a inset,*/
  /*0px 0px 15px #0096ff inset;*/
}
/*奇数行背景色*/
.datagrid-row {
  height: 40px;
  /*background: #031C54;*//*314584 0b2653 #0e2a52 081832 0f2d5d 08081c 0f2d5d*/
}
.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  /*  text-align: center;*/
  border-width: 0px 0px 1px 1px;
  margin: 0;
  padding: 0;
  border-color: #00CDFC !important;/*00043e,2687f3 507ea4*/
  border-style: solid !important;
}
.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: 12px;
}
.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: rgba(0, 11, 72, 0.74) url('images/loading.gif') no-repeat scroll 5px center;
}
.datagrid-header,
.datagrid-td-rownumber {
  /*background-color: #031C54;/*010e28 F2F2F2 08081c 010e28*/
  /* 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: #fff;
}
.datagrid-resize-proxy {
  background: #bbb;
}
.datagrid-mask {
  background: #001a6ecc;
}
.datagrid-mask-msg {
  /*border-color: #0022d3;*/
}
.datagrid-toolbar,
.datagrid-pager {
  /*background: #F5F5F5;*/
}
.datagrid-header,
.datagrid-toolbar,
.datagrid-pager,
.datagrid-footer-inner {
  border-color: #e6e6e6;
}
.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  /*border-color: #ccc;*/
  /*border-color: #00043e !important;*/
  border-style: solid !important;
}
.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
  color: #00CDFC !important;/*#333 91949f #66cdff*/
  border-collapse: separate;
  border-right:1px solid;
}
/*偶数行背景色*/
.datagrid-row-alt {
  /* background:#0e2a52;*//*#F5F5F5 314584 07315b 0e2a52 0f2d5d 072951 #08081c*/
  /*   background-color: #031C54;
 /*    box-shadow: -10px 0px 15px #034c6a inset,
     0px 0px 15px #0096ff inset;*/
}
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  /*background:#1e2e6e;*//*#e6e6e6 1e2e6e 07406b 134087 2c58a6 134087 142841*/
  background:#042d85 !important;
  color: #fff;/*#00438a*/
  cursor: default;
  background-color: #042d85 !important;
  /*  box-shadow: -0px 0px 5px #538ff7 inset,
    0px 0px 15px #538ff7 inset;*/
}
.datagrid-row-selected {
  background: #042d85 !important; /*#0081c2  #D9EDF7 #2c58a6 cfe1ff 01275d 21518f*/
  color: #fff !important; /*#fff  #000000*/
}
.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: #0560b3;
}
.pagination {
  zoom: 1;
}
.pagination a{
  border: 1px solid #ffffff;
  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: 0px solid #ccc;
  border-right: 0px solid #fff;
  margin: 3px 1px;
}
.pagination .pagination-num {
  border-width: 1px;
  border-style: solid;
  margin: 0 2px;
  padding: 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: 0 6px 0 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #FFFFFF;
  font-family: PingFang SC, PingFang SC-5;
  opacity: 1;
}
.pagination span {
  color: #FFFFFF;
  font-size: 12px;
}
.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_icons.png') no-repeat -64px center;
}
.pagination-loading {
  background: url('images/loading.gif') no-repeat center center;
}
.pagination-page-list,
.pagination .pagination-num {
  /*border-color: #D4D4D4;*/
  border-color: #3779FF;
  background-color:#3779FF;
  color:#fff;
  border-radius:2px;
  text-align:center;
}
.calendar {
  border-width: 2px;
  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;
  color: #fff;
}
.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: #e49e61;
}
.calendar-day {
  color: #00CDFC;
}
.calendar-sunday {
  color: #00CDFC;
}
.calendar-saturday {
  color: #00CDFC;
}
.calendar-today {
  color: #2792c3;
}
.calendar-menu-year {
  border-color: #2792c3;
}
.calendar {
  border-color: #2792c3;
}
.calendar-header {
  /*background: #031C54;*/
}
.calendar-body,
.calendar-menu {
  background: transparent;
}
#calendar .calendar-menu-year-inner{
  background: #00165e;
}
#calendar .calendar-menu-month-inner{
  background: #00165e;
}
.calendar-body th {
  /*background: #031C54;*/
  padding: 2px 0;
}
.calendar-hover,
.calendar-nav-hover,
.calendar-menu-hover {
  background-color: #165e83;
  color: #fff;
}
.calendar-hover {
  border: 1px solid #ddd;
  padding: 0;
}
.calendar-selected {
  background-color: #2792c3;
  color: #fff;
  border: 1px solid #2792c3;
  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;
  width:  100%;
  height:  100%;
  display:  block;
  text-align:center;
  border-radius:10px;
  filter: alpha(opacity=60);
}
.datebox-button a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  background-color:#165e83;
  text-decoration:none;
}
.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: #507ea4;
}
.datebox-button a {
  color: #fff;
}
.numberbox {
  border: 1px solid #00CDFC;
  /* 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: #031C54;*/
  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: #00CDFC;
}
.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: #fff;
  /*background-color: #031C54;*/
}
.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: 10px;
}
.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 15px;
  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: #FFFFFF;
  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;
  /* display: block;
}
.menu-content {
background: #ffffff;
}
.menu-item {
border-color: transparent;
_border-color: #fff;
}
.menu-active {
border-color: #ddd;
color: #00438a;
background: #e6e6e6;
}
.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: #FFFFFF;
}
.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;
  /*  background-color: #17184b;*/
}
.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;
  color:#00CDFC;
}
.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: #e6e6e6;*/
  color: #fff;
  background: #005bcf;
}
.tree-node-selected {
  /*background: #D9EDF7;*//*#0081c2 #D9EDF7*/
  color: #fff;/*#fff #000*/
  background: #005bcf;
}
.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-color: #17184b;*//*rgb(1, 14, 40)*/
  /*color: #00CDFC;*/

  /*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 {
  background: linear-gradient(90deg,#1079ff 0%,#36F3FF);
  border-color: #0081C2;
  color: #fff;
}
.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;
}
/*实时监控新样式*/
#linepic{
  background-image: url("../../../image/realTimePic/blue/lan_zhongbiankuang.png");
  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 #lineName{
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 42px;
  display: inline-block;
  width: inherit;
  font-family: YouSheBiaoTiHei !important;
}
#shexiangtou{
  background-image: url("../../../image/realTimePic/blue/shexiangtou.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
}
#renxingdao{
  background-image: url("../../../image/realTimePic/blue/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/blue/jianpaishebei.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#jianpaidian{
  background-image: url("../../../image/realTimePic/blue/jianpaidian.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#realshipin{
  background-image: url("../../../image/realTimePic/blue/shipin.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#realpiccewen{
  background-image: url("../../../image/realTimePic/blue/cewen.png");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
#picweiqixiang{
  background-image: url("../../../image/realTimePic/blue/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-family: YouSheBiaoTiHei !important;
}
#photos{
  border: none;
}
#photos .monit-content-title-background{
  background: linear-gradient(90deg,rgba(62,130,215,0.30), rgba(62,130,215,0.00));
}
#photos .span{
  color: #ffffff;
}
.pic-title-img{
  background-image: url("../../../image/realTimePic/blue/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/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
#ListLogicTower .layout-panel-west{
  border: none;
}
#shebeiliebiao{
  background-image: url("../../../image/realTimePic/blue/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;
  font-size: 20px;
}
#tx{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}
.tx{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.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/blue/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/blue/realtime_wendu.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_dianya{
  background-image: url("../../../image/realTimePic/blue/realtime_dianya.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_dianliang{
  background-image: url("../../../image/realTimePic/blue/realtime_dianliang.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#wangluoleixing{
  background-image: url("../../../image/realTimePic/blue/wangluoleixing.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0% 2%;
}
#realtime_xinhao{
  background-image: url("../../../image/realTimePic/blue/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 #00E7E9 !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/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
.panel-right-icon{
  background-image: url("../../../image/realTimePic/blue/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: #ffffff;
  line-height: 20px;
  font-family: YouSheBiaoTiHei!important;
  font-size: 16px;
}
#calendar{
  border: none;
}
.zhuangshihengxian{
  width: 270px;
  height: 1px;
  margin-left: 3%;
  background: #154b8b;
}
#towerpic .l-btn {
  background: #0b1d5a ;
  width: 65px !important;
  height: 57px !important;
  border: 1px solid #154b8b;
  border-radius: 0px;
}
#navigation .l-btn{
  width: 81px !important;
  height: 23px !important;
}
#dgPanelp .m-btn-downarrow{
  background-image: url("../../../image/realTimePic/blue/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 82%;
  left: 88%;
  width: 8px;
  height: 8px;
}
#tupianshipin{
  background-image: url("../../../image/realTimePic/blue/lishitupian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jiancexiang{
  background-image: url("../../../image/realTimePic/blue/jiancexiang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shipin{
  background-image: url("../../../image/realTimePic/blue/realtimevideo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongpaizhao{
  background-image: url("../../../image/realTimePic/blue/zhudongpaizhao.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongluxiang{
  background-image: url("../../../image/realTimePic/blue/realtimevideo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#fuzhi{
  background-image: url("../../../image/realTimePic/blue/fuzhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shengguang{
  background-image: url("../../../image/realTimePic/blue/shengguang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#diaoyue{
  background-image: url("../../../image/realTimePic/blue/diaoyue.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#weixin{
  background-image: url("../../../image/realTimePic/blue/weixin.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#lishitupian{
  background-image: url("../../../image/realTimePic/blue/lishitupian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#xianlanhuizhi{
  background-image: url("../../../image/realTimePic/blue/xianlanhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#qingchuhuizhi{
  background-image: url("../../../image/realTimePic/blue/qingchuhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongxunjian{  background-image: url("../../../image/realTimePic/blue/zhudongxunjian.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhilingji{
  background-image: url("../../../image/realTimePic/blue/zhilingji.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#kaiqiyushua{
  background-image: url("../../../image/realTimePic/blue/kaiqiyugua.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#hanhua{
  background-image: url("../../../image/realTimePic/blue/hanhua.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#lishiduibi{
  background-image: url("../../../image/realTimePic/blue/lishiduibi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#tupianbiaoji{
  background-image: url("../../../image/realTimePic/blue/tupianbiaoji.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#zhudongxunhang{
  background-image: url("../../../image/realTimePic/blue/zhudongxunhang.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jingtouchuwu{
  background-image: url("../../../image/realTimePic/blue/jingtouchuwu.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#buguangdeng{
  background-image: url("../../../image/realTimePic/blue/buguangdeng.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#chaoshengbo{
  background-image: url("../../../image/realTimePic/blue/chaoshengbo.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#ceju{
  background-image: url("../../../image/realTimePic/blue/xianlanhuizhi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#xiafagongdan{
  background-image: url("../../../image/realTimePic/blue/xiafagongdan.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shezhifenzu{
  background-image: url("../../../image/realTimePic/blue/shezhifenzu.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#yinhuanleixing{
  background-image: url("../../../image/realTimePic/blue/yinhuanleixing.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#dituchakan{
  background-image: url("../../../image/realTimePic/blue/dituchakan.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#jianpaidianxinxi{
  background-image: url("../../../image/realTimePic/blue/jianpaidianxinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#gantaxinxi{
  background-image: url("../../../image/realTimePic/blue/gantaxinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shebeizhuangtai{
  background-image: url("../../../image/realTimePic/blue/shebeixinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shebeizhuangtai1{
  background-image: url("../../../image/realTimePic/blue/shebeixinxi.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#shezhilougao{
  background-image: url("../../../image/realTimePic/blue/shebeilougao.png") ;
  background-size: 100% 100%;
  width: 34px;
  height: 32px;
  display: inline-block;
}
#navigation .m-btn-downarrow{
  left: 91%;
  top: 60%;
}
#dgPanelp .l-btn-left{
  width: 100%;
}
#dgPanelp .l-btn-plain{
  padding: 0px !important;
  border-radius: 0px;

}
#dgPanelp .divcss5-a{
  margin-left: 5px !important;
}
#shangyi{
  background-image: url("../../../image/realTimePic/blue/shangyi.png") ;
  background-size: 100% 100%;
  width: 11px;
  height: 14px;
  display: inline-block;
}
#xiayi{
  background-image: url("../../../image/realTimePic/blue/xiayi.png") ;
  background-size: 100% 100%;
  width: 11px;
  height: 14px;
  display: inline-block;
}
.shangyi_btn{
  width: 47%;
  height: 30px;
  white-space: nowrap;
  background: #0b1d5a;
  border: 1px solid #154b8b;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  line-height: 2.5;
  color: #ffffff;
  margin-left: 2%;
  cursor: pointer;
}
#dgPanelp .menu{
  background-color: #0081C2;
  border-color: transparent !important;
  color: #fff;
}

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

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

.dsToolipFontContent{
  float:right;
  margin-left:20px;
  font-size:14px;
  color:#fff;
  font-weight:900;
}

#deviceStatus .datagrid-header-row{
  background-color: #164aa5 !important;
  box-shadow: none !important;
  color: #fff3f3;!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;*/
/*}*/
.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
#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;*/
/*}*/
#video_all{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}

#videoRight{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
#videoRightcj{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
#videoRightrtmp{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
.yuntaikongzhi{
  background-image: url("../../../image/realTimePic/blue/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;
  font-size: 20px;
}
.yuntaikongzhi2{
  background-image: url("../../../image/realTimePic/blue/tree_xiaobiaoti2.png");
  background-size: 100% 100%;
  height: 36px;
  margin: 2%;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 35px;
}
.yaokong{
  background-image: url("../../../image/realTimePic/blue/yaokong-rec.png");
  background-size: 100% 100%;
  width: 168px;
  height: 168px;
}
.guanbi{
  background-image: url("../../../image/realTimePic/blue/guanbi.png");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}
.guanbi:hover{
  background-image: url("../../../image/realTimePic/blue/guanbibg.png");
  background-size: 100% 100%;
  cursor:pointer;
}

.shang{
  background-image: url("../../../image/realTimePic/blue/shang.png");
  background-size: 100% 100%;
  width: 25px;
  height: 15px;
}
.shang:hover{
  background-image: url("../../../image/realTimePic/blue/shangbg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.xia{
  background-image: url("../../../image/realTimePic/blue/xia.png");
  background-size: 100% 100%;
  width: 25px;
  height: 15px;
}
.xia:hover{
  background-image: url("../../../image/realTimePic/blue/xiabg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.zuo{
  background-image: url("../../../image/realTimePic/blue/zuo.png");
  background-size: 100% 100%;
  width: 15px;
  height: 25px;
}
.zuo:hover{
  background-image: url("../../../image/realTimePic/blue/zuobg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.you{
  background-image: url("../../../image/realTimePic/blue/you.png");
  background-size: 100% 100%;
  width: 15px;
  height: 25px;
}
.you:hover{
  background-image: url("../../../image/realTimePic/blue/youbg.png");
  background-size: 100% 100%;
  cursor:pointer;
}
.suofang{
  background-image: url("../../../image/realTimePic/blue/suofang.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.guangquan{
  background-image: url("../../../image/realTimePic/blue/guangquan.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.jiaoju{
  background-image: url("../../../image/realTimePic/blue/jiaoju.png");
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.add{
  width: 20px;
  height: 20px;
  background: #3779FF !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
  margin: 3%;
}
.add:hover{
  background: #00CDFC !important;
  cursor:pointer;
}
.reduce{
  width: 20px;
  height: 20px;
  background: #3779FF !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
  margin: 3%;
}
.reduce:hover{
  background: #00CDFC !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: #12398F;
  border-radius: 5px;
}
/* 设置进度条显示颜色 */
#videoSpeed{
  height:100%;
  background-color:#3779FF;
  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 #3779FF inset;
  left: 80px;
}
/* 设置显示百分比 */
#show{
  position:relative;
  left:195px;
  top:-12px;
}
/* 设置进度条显示颜色 */
#pt_videoSpeed{
  height:100%;
  background-color:#3779FF;
  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 #3779FF inset;
  left: 80px;
}
/* 设置显示百分比 */
#pt_show{
  position:relative;
  left:195px;
  top:-12px;
}
/* 设置进度条显示颜色 */
#rt_videoSpeed{
  height:100%;
  background-color:#3779FF;
  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 #3779FF inset;
  left: 80px;
}
/* 设置显示百分比 */
#rt_show{
  position:relative;
  left:195px;
  top:-12px;
}
/* 设置进度条显示颜色 */
#cj_videoSpeed{
  height:100%;
  background-color:#3779FF;
  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 #3779FF inset;
  left: 80px;
}
/* 设置显示百分比 */
#cj_show{
  position:relative;
  left:195px;
  top:-12px;
}

.linkbuttonvideo{
  width:80px;
  background-color: #3E82D7;
}
.shezhibtn{
  background-image: url("../../../image/realTimePic/blue/shezhi.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.shanchubtn{
  background-image: url("../../../image/realTimePic/blue/shanchu.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.qianwangbtn{
  background-image: url("../../../image/realTimePic/blue/qianwang.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
/*字体加粗*/
.v-btn-text-selectednew {
  font-weight: 900;
  color: #FFFFFF !important;
}
.pre-place-name{
  width: 50%;
  height: 6%;
  color: #3779FF;
  text-align: center;
  border-right: 1px solid;
}
.pre-placr-li{
  border: 1px solid #3779FF;
  margin: 0px 10px;
}
#yuzhiwei_table td{
  border: 1px solid #3779FF;
}
#yuzhiwei_table{
  margin-left: 5%;
  margin-top: 5%;
}
.ullip{
  width: 49.2%;
  height: 35px;
  text-align: center;
  display: inline-block;
  line-height: 3;
  background: #3779FF;
}
.yuzhiwei_table_li{
  border: 1px solid #3779FF;
  margin: 0px 10px;
}
#defog .m-btn-downarrow{
  background-image: url("../../../image/realTimePic/blue/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 92%;
  left: 88%;
  width: 8px;
  height: 8px;
}

#defog .l-btn-left{
  width: 100%;
}
#rtmp-cloud-storage{
  color:  #3779FF;
}
#rtmp-storage{
  color:  #3779FF;
}
#video-title{
  color:  #3779FF;
}
#video_MSG{
  background-image: url("../../../image/realTimePic/blue/videocenterbg.png") !important;
  background-size: 100% 100% !important;
}
#video-center{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}
#video-msg-info{
  width: 21vw;
  height: 150px;
  display: inline-block;
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  color: #00cdfc;
  line-height: 28px;
  word-wrap: break-word;
  top: 70vh;
  left: 24vw;
  text-align: center;
}
#SenterCVSPlayer{
  background-image: url("../../../image/realTimePic/blue/videocenterbg.png") !important;
  background-size: 100% 100% !important;
}
#realTimeVideoTree{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
.realTimeVideoTree{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
.alarmRectTimeRight{
  background-image: url("../../../image/realTimePic/blue/tree_alarmRectTimeRight.png");
  background-size: 100% 100%;
}
#Panelp{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}
.Panelp{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}
.yuntaibackground{
  background-image: url("../../../image/realTimePic/blue/zhongmokuang.png");
  background-size: 100% 100%;
}
#realtimeVideoyuntai{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
.realtimeVideoyuntai{
  background-image: url("../../../image/realTimePic/blue/tree_biankuang.png");
  background-size: 100% 100%;
}
#st-layout-one{
  background-image: url("../../../image/realTimePic/blue/fenping1.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-two{
  background-image: url("../../../image/realTimePic/blue/fenping2.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-three{
  background-image: url("../../../image/realTimePic/blue/fenping3.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#st-layout-four{
  background-image: url("../../../image/realTimePic/blue/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/blue/youxiajiao.png") !important;
  background-size: 100% 100% !important;
  position: absolute;
  top: 78%;
  left: 94%;
  width: 8px;
  height: 8px;
}
#controlButton .l-btn-left{
  width: 100%;
  overflow: visible;
}
#dycjInfoBtn .l-btn-left{
  margin-top: -3px!important;
}
#Pagination .l-btn-plain{
  background: transparent !important;
}
#dgPanelp .l-btn-text{
  margin-right: 0px;
}
#dgPanelp .l-btn{
  margin-left:0px;
}
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
}
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
}
.textarea::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
}
.textarea::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
}
.font-1 {
  vertical-align: middle;
  font-size: 30px;
  color: #ffffff;

}
.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: #256eb1;
}
.controltab .l-btn-plain {
  background: #256eb1;
}
#controlButton .l-btn-plain:hover {
  background: #256eb1;
  color: #ddd !important;
  border: 1px solid #ddd;
}
#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");
}
.datagrid-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
.datagrid-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
  border-radius: 10px;
}
.datagrid-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
  border-radius: 10px;
}
#sdcw .accordion-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
#sdcw .accordion-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
  border-radius: 10px;
}
#sdcw .accordion-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
  border-radius: 10px;
}
/*滚动条*/
.picMarkingBox .datagrid-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}
.picMarkingBox .datagrid-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
  border-radius: 10px;
}
.picMarkingBox .datagrid-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
  border-radius: 10px;
}

.panel-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;
  height: 7px;
}
.panel-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #3e82d7;
  border-radius: 10px;
}
.panel-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #13367b;
  border-radius: 10px;
}
.datagrid-view table tr:nth-child(odd)
{
  background: #02154F;
}
/*设置偶数行颜色*/
.datagrid-view table tr:nth-child(even)
{
  background: #081E60;
}

.roll-left {
  margin-left: 1.2vw !important;
  margin-top: 2.8vh !important;
  width: 0.7vw;
  height: 1.8vh !important;
  background-image: url("./images/1115/前.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.roll-left:hover{
  -webkit-filter: brightness(50);
  -moz-filter: brightness(50);
  -o-filter: brightness(50);
  filter: brightness(50);
}
.roll-right {
  margin-left: 0.2vw;
  margin-top: 2.8vh;
  width: 0.7vw;
  height: 1.8vh !important;
  background-image: url("./images/1115/后.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.roll-right:hover{
  -webkit-filter: brightness(50);
  -moz-filter: brightness(50);
  -o-filter: brightness(50);
  filter: brightness(50);
}

#roll_box_alarm{
  position: absolute;
  width: 350px;
  height: 450px;
  background-color: #0B61A4;
  z-index: 99;
  float: right;
  margin-left: 80%;
  margin-top: 4%;
  display: none;
  border-image-slice: 40 fill;
  border-image-width: 5.5% 2.5%;
  border-image-source: url(./images/Pop-ups-.png?v=20231102);
}
.icon-th-list{ background-image: url(./images/menu-icon/告警电话.png); }
.icon-th-list:before{display:none !important;}

.icon-home { background-image: url(./images/menu-icon/首页.png); }
.icon-home:before{display:none !important;}

.icon-cogs { background-image: url(./images/menu-icon/策略配置.png); }
.icon-cogs:before{display:none !important;}

.icon-bar-chart { background-image: url(./images/menu-icon/查询统计.png); }
.icon-bar-chart:before{display:none !important;}

.icon-dp { background-image: url(./images/menu-icon/大屏展示.png); }
.iicon-dp:before{display:none !important;}

.icon-three { background-image: url(./images/menu-icon/第三方页.png); }
.icon-three:before{display:none !important;}

.icon-pcloud-video { background-image: url(./images/menu-icon/点云视频.png); }
.icon-pcloud-video:before{display:none !important;}

.icon-bell { background-image: url(./images/menu-icon/告警处理.png); }
.icon-bell:before{display:none !important;}

.icon-gdpf { background-image: url(./images/menu-icon/工单派发.png); }
.icon-gdpf:before{display:none !important;}
.icon-gdxf { background-image: url(./images/menu-icon/工单下发.png); }
.icon-gdxf:before{display:none !important;}

.icon-sbxs { background-image: url(./images/menu-icon/设备巡视.png); }
.icon-sbxs:before{display:none !important;}

.icon-film { background-image: url(./images/menu-icon/视频回放.png); }
.icon-film:before{display:none !important;}

.icon-facetime-video { background-image: url(./images/menu-icon/视频监控.png); }
.icon-facetime-video:before{display:none !important;}

.icon-pic { background-image: url(./images/menu-icon/图片轮巡.png); }
.icon-pic:before{display:none !important;}

.icon-plane { background-image: url(./images/menu-icon/无人机.png); }
.icon-plane:before{display:none !important;}
.icon-desktop { background-image: url(./images/menu-icon/系统管理.png); }
.icon-desktop:before{display:none !important;}

.icon-xstj { background-image: url(./images/menu-icon/巡视统计.png); }
.icon-xstj:before{display:none !important;}

.icon-exclamation-sign { background-image: url(./images/menu-icon/预警处理.png); }
.icon-exclamation-sign:before{display:none !important;}

.icon-camera { background-image: url(./images/menu-icon/在线监测.png); }
.icon-camera:before{display:none !important;}

.icon-xiangji { background-image: url(./images/menu-icon/照相机.png); }
.icon-xiangji:before{display:none !important;}

.icon-zhuanj { background-image: url(./images/menu-icon/专家系统.png); }
.icon-zhuanj:before{display:none !important;}

.icon-tasks { background-image: url(./images/menu-icon/资产管理.png); }
.icon-tasks:before{display:none !important;}

.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% 25%;
  background-image: url("./images/noPhotoes.jpg");
}
.panel-title{color: #FFFFFF}

.logo-text{
  background: linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 50%,#aaf1ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deivcelist-east{
  background:rgba(5,41,115,0.8);
  border-radius:5px;
  border:1px solid #3779FF;
}
.g-home-new .g-left{
  height: 84vh;
  position: absolute;
  width: 21vw;
  top: 4vh;
  left: 1vh;
  background-image: url("./images/1115/框4.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 3px #1a1a1a, 0 0 3px #1a1a1a;
  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: #fff;
  align-self: center;
  text-shadow: 0 0 3px #1a1a1a, 0 0 3px #1a1a1a;
  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: 19%;
  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(#FFFFFF, #82EBFF); /* 标准的语法 */
  background: -webkit-linear-gradient(#FFFFFF, #82EBFF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FFFFFF, #82EBFF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FFFFFF, #82EBFF); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FFFFFF, #82EBFF); /* 标准的语法 */
  -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: #fff;
}
.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:500;
  font-size: 1.04vw;
  top: 30%;
  left: 49%;
  position: relative;
  background-image: -webkit-linear-gradient(-90deg,#fff 10%, #82ebff 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:#fff;
  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: #fff;
  position: relative;
  top: -7px;
  left: 5px;
  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;
  position: relative;
  height: 84vh;
  position: absolute;
  width: 21vw;
  top: 4vh;
  right: 1vh;
  background-image: url("./images/1115/框4.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: linear-gradient(90deg,rgba(48,116,255,0.12), rgba(48,116,255,0.40) 48%, rgba(48,116,255,0.10));
  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(odd)
{
  background: #062468;
}
.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: #fff;
}
.charts6bkimg {
  background-image: url(./images/onlineBK.png?v=20230923);
  width: 182px;
  height: 182px;
  background-position-x: 9%;
  background-position-y: 6%;
  top: 2.9%;
  left: 9px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: -1;
}
.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;
}
#monitorCount{
  color: #36F3FF;
}
.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;
}
.trace-dividing-line{
  width: 84%;
  margin: 0 auto;
  height: 1px;
  background-image: linear-gradient(90deg, #ffffff00 0%, #FFFFFF 50%, #ffffff00 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: #FFFFFF;
}
.orientationColor .textbox-label{
  color: #FFFFFF !important;
}
#imageCenter [class^="icon-"]:before,#imageCenter [class*=" icon-"]:before{
  background-image: none;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.st-panel-header {
  box-sizing:border-box;
}
.messager-title-thmeStyle{
  /* background: transparent; */
  text-align: center;
  color: #fff;
  font-family: "title-Regular" !important;
  cursor: pointer;
  font-size: 20px;
  font-weight: 100;
}
.loadStyle{
  color:#FFF;
}
#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/blue/zuoshang.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.zuoshang:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.zuoxia{
  background-image: url("../../../image/realTimePic/blue/zuoxia.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.zuoxia:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.youshang{
  background-image: url("../../../image/realTimePic/blue/youshang.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.youshang:hover {
  transform: scale(0.8);
  cursor:pointer;
}
.youxia{
  background-image: url("../../../image/realTimePic/blue/youxia.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.youxia:hover {
  transform: scale(0.8);
  cursor:pointer;
}

.cruiseSelect{
  color: white;
  border:1px solid white;
}
/**/

.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.5vh;
  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;
  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/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);

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