body{overflow: hidden;
    margin:0 !important;
    padding:0 !important;
    top:0px;
}
.x1-window-default{
border-color: #FFFFFF!important;
border-radius: 0!important;
}
*{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;}
.x-window-body-default{
 border-color: #bcb0b0; 
 border-width: 1px;
 /* border-style: solid; */
 /* background: #e0e0e0; */
}
.x-window-header-default-top{
 height: 26px;
 border-bottom-style: solid;
 border-bottom-color: #e0e0e0;
 border-bottom-width: 1px;
}
.x-window-default{
/* border-width: 1px;
 border-color: #a60000;
 border-style: solid;*/
 background-color: #fff;
 border: none;
 box-shadow: none !important;
}

.x-window-body-default {
    border-style: none;
    background: rgba(0,0,0,0);
}
.x-css-shadow{box-shadow: 0px 0px 10px rgba(0, 0, 0,.2)!important;}
.x-form-text-default,.x-form-text-toolbar{
    background-image:none;
}
.x-form-text-wrap-default{
 border-color: #c0c0c0;
}
.x-form-text-wrap-default.x-form-text-wrap-focus,.x-form-text-wrap-toolbar.x-form-text-wrap-focus{
/*    border-color: #c60000 !important;
box-shadow:0px 0px 2px #f60000;*/
border-color:#1677ff !important;
box-shadow:  0 0 0 2px  rgba(5, 145, 255, 0.1);
transition:box-shadow 0.3s;
}
.x-form-readonly .x-form-text-wrap-default.x-form-text-wrap-focus,.x-form-readonly .x-form-text-wrap-toolbar.x-form-text-wrap-focus{
box-shadow:none; border-color: #c0c0c0 !important;
}
.j-nofocus .x-form-text-wrap-default.x-form-text-wrap-focus,.j-nofocus .x-form-text-wrap-toolbar.x-form-text-wrap-focus{box-shadow:none !important}
.x-form-trigger-default.x-form-trigger-focus,.x-form-trigger-toolbar.x-form-trigger-focus {
    border-width: 1px 1px 1px 0px;
border-color:#1677ff !important;
box-shadow:  0 0 0 2px  rgba(5, 145, 255, 0.1);
transition:box-shadow 0.3s;
}
.x-form-readonly .x-form-trigger-default.x-form-trigger-focus,.x-form-readonly .x-form-trigger-toolbar.x-form-trigger-focus {
box-shadow:none; border-color: #c0c0c0 !important;
}

.x-form-spinner-up-default.x-form-spinner-focus{
    border-width: 1px 1px 0px 0px;
    border-style: solid;
border-color:#1677ff !important;
box-shadow:  0 0 0 2px  rgba(5, 145, 255, 0.1);
transition:box-shadow 0.3s;
}

.x-form-spinner-down-default.x-form-spinner-focus{
    border-width: 1px 1px 1px 0px;
    border-style: solid;
border-color:#1677ff !important;
box-shadow:  0 0 0 2px  rgba(5, 145, 255, 0.1);
transition:box-shadow 0.3s;
}

.x-input{
   border: 0px;
   border-style: solid;
   border-color: #d0d0d0;
}

.loginweb{
  opacity:1;
  background-color:rgb(255,255,255);
  border-color: #FFFFFF!important;  
  border-radius: 0!important;  
  border-style:none;
  border:none;
  box-shadow:none;     
  padding:0px;
}
.login-back, .login-back .x-window-item>.x-panel-bodyWrap>.x-panel-body-default{background: url(./mainbg.png);background-size: cover;}
.login-banner{background-color:transparent}
.login-banner>.x-panel-bodyWrap>.x-panel-body-default{background-color:transparent !important;}
.border.loginweb{
  opacity:1;
  background-color:#ffffff;
  border-color: #b0b0b0!important;  
  border-radius: 4px!important;  
  border-style:solid;
  border-width: 1px;
}

.topinfom.border.loginweb{
  border-radius: 10px!important;  
}
.login_pc{box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 16px 0px;border-radius: 8px;}
.my-panel-no-border{border-style:none}
.my-panel-no-border .x-panel-body-default{border-width:0px;}
.my-panel-transparent{
  background-color:rgba(0,0,0,0);
  background-image:none;
  opacity:0.5;
}
.my-toolbar-transparent{
  background-color:#000000;
  background-image:none;
  border-radius: 6px!important;
  opacity:0.6;
}
.my-toolbar-transparent .x-panel-body-el{
  background-color:#000000;
}

.my-panel-round{
  border-radius:50%;
  border-style:none;
  border: none;  
}
.trans.my-panel-round{
  opacity:0.9; 
  filter: drop-shadow(1px 1px 8px #808080);
}
.transwnd{
  background-color:rgba(0,0,0,0);
  background-image:none;
  opacity:1;
  z-index:999 !important;
}
.transwnd .x-panel-body-el{
  background-color:rgba(0,0,0,0);
}

.info_wnd{
  background:none;
  background-color:#fffbee;
  border-color: #fad895!important;  
  border-radius: 4px!important;  
  border-style:solid;
  border-width: 1px!important; 
}

.infobox_body{background-color:#fff !important;}
.infobox_main{box-shadow: rgb(200, 200, 200) 0px 0px 3px !important;border-radius: 8px;}
.infobox_main.x-panel-bodyWrap.x-panel-body-default{border-radius: 8px;}
.infobox_main.x-item-disabled .x-panel-body-default{background-color:#f8f8f8 !important;}
.infobox_title{background-color: rgba(255,255,255,1) !important;font-size:14px;font-weight:bold;}
.infobox_title_base{background-color: #fff !important;}
.infobox_title_gray{background-color: #f0f0f0 !important;}
.infobox_title_line{border-bottom: solid 2px #f0f0f0 !important;}
.infobox_detail{background-color: #f8f8f8 !important;}
.infobox_left{margin-left:8px}
.bsnone{box-shadow: none;}
.right_chart1{background-color:rgba(50,50,50,.8) !important;/* border-radius: 4px 4px 0px 0px;*/}
.right_chart1 label{color:#fff !important;}
.right_chart{background-color:#eaeaea !important;/* border-radius: 4px 4px 0px 0px;*/}
.right_chart label{color:#000 !important;}
.toolbar{ background-color:Red; background-image:url(); }

#loading .loading-indicator{
    background:white;
    color:rgba(0,0,0,0);
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
    text-align:center;
    height:auto;
/*
    background-image: url(./weloading.gif);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    overflow: hidden;
    text-align: center;
    font: 1em/1em '\5B8B\4F53';
    z-index: 99999;*/
}

.x-column-header{
			color:black;
			background:#f8f8f8;   
}

.x-column-header-over{
			color:black;
			background:#f8f8f8;
         border-style:none;
         background-image:none; 
}
.x-grid-cell-row-numberer{
			color:black;
			background:#ffffff;
         border-style:none;
         background-image:none; 
}
.x-column-header-over .x-column-header-trigger, .x-column-header-open .x-column-header-trigger{
width: 14px;cursor: pointer;background: transparent url(./grid3-hd-btn.png) no-repeat 0 center;
}
.x-grid-cell-inner {padding: 4px 6px !important;}
.x-grid-body {border-top-color: #e0e0e0;}
.x-grid-cell-inner-action-col{background-color: rgba(255,80,80,.05);border-radius: 4px;margin: 1px 2px;}
.custom-grid-line .x-scroller-spacer{height:1px !important}
.custom-grid-img .x-grid-td{height:70px;}
.custom-grid.hide-scroll-x .x-grid-view{overflow-x: hidden !important;}
.s-grid .x-theme-color{background-color:#fafafa;}
.buttonA{
    background-color: #ffffff; /* white */
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-property: background-color;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius:0px;
}

.buttonx,.redx,.buttonx.x-btn-focus.x-btn-default-small{
  background-color:rgba(0,0,0,0);
  background-image:none;
  border-radius:0px;
  -webkit-transition-duration1: 0.3s; /* Safari */
  transition-duration1: 0.3s;
}
.buttonx.white{background-color:white !important;}
.buttonx:hover{
  background-color:#ff;
  background-image:none;  
  border-radius:0px;
  color:#ffffff;
}
.buttonx:active{
  background-color:rgba(0,0,0,0);
  background-image:none;
  border-radius:0px;
}
.buttonx:focus{
  background-color:rgba(0,0,0,0);
  background-image:none;
  border-radius:0px;
}

.buttonx.x-btn-disabled.x-btn-default-small{
    background-image: none;
    background: #f8f8f8 !important;
}

.buttonx.x-btn-over.x-btn-default-small{
    border-width: 1px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background: #ffffff !important;
}

.buttonx.x-btn-over .x-btn-inner{
  color: #c60000 !important;
}

.redx.x-btn .x-btn-inner {
  color: black !important;
}

.redx.x-btn-over .x-btn-inner, .redbtn.x-btn .x-btn-inner{
  color: white !important;
}

.redbtn.x-btn.x-btn-pressed .x-btn-inner,.redx.x-btn-pressed .x-btn-inner{
  color: #fabbbb !important;
}

.redx.x-btn-default-small,.redx.x-btn-focus.x-btn-default-small{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #ffffff;    
}

.redx.x-btn-disabled.x-btn-default-small{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(198,0,0,.6);
    background-image: none;
    background-color: #f8f8f8;    
}

.redx.x-btn-over.x-btn-default-small,.redbtn.x-btn-default-small,.redbtn.x-btn-focus.x-btn-default-small,.redbtn.x-btn-focus.x-btn-default-large,.redbtn.x-btn-default-large{
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #c60000; 
/* transition: background-color 0.5s;*/
}

.redz.x-btn-default-small,.redz.x-btn-focus.x-btn-default-small,.redz.x-btn-focus.x-btn-default-large,.redz.x-btn-default-large{
    background-color: #ea0000; 
    border-color: #ea0000;
}
.redz.x-btn-over.x-btn-default-small,.redz.x-btn-over.x-btn-default-large{
    border-color: #ff0000 !important;
    background-image: none;
    background-color: #ff0000 !important; 
}
.redbtn.x-btn-disabled.x-btn-default-small,.redbtn.x-btn-disabled.x-btn-default-large{
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(198,0,0,.4);
    background-image: none;
    background-color: rgba(198,0,0,.4); 
}

.redbtn.x-btn-over.x-btn-default-small,.redbtn.x-btn-over.x-btn-default-large{
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #e00000;
    background-image: none;
    background-color: #e00000; 
}

.redbtn.x-btn.x-btn-pressed.x-btn-default-small,.redx.x-btn.x-btn-pressed.x-btn-default-small,.redbtn.x-btn.x-btn-pressed.x-btn-default-large,.redx.x-btn.x-btn-pressed.x-btn-default-large{
    border-color: #b60000;
    background-color: #b60000;
}
.buttonx.x-btn.x-btn-pressed.x-btn-default-small{background-color:#eaeaea !important;border-color: #a60000;}
.x-btn-over.x-btn-default-large{border-color:#c60000;background-image:none !important;background-color: #fff;}
.x-btn-default-large{border-color:#f0f0f0;background-image:none !important}
.x-btn.x-btn-menu-active.x-btn-default-large,.x-btn.x-btn-pressed.x-btn-default-large{border-color:#c60000;background-image:none !important;background-color: #fff;}

.txtbtn{background-color:rgba(0,0,0,0);background-image:none;border-radius:0px;-webkit-transition-duration1: 0.3s; /* Safari */transition-duration1: 0.3s;}
.txtbtn.x-btn .x-btn-inner{color:black !important;font-weight: bold;border-bottom: 2px solid transparent;padding-bottom: 4px;}
.txtbtn.x-btn-over .x-btn-inner{color:#c60000 !important;border-bottom: 2px solid #c60000;}
.txtbtn.x-btn-pressed .x-btn-inner{color:#a60000 !important;}
.txtbtn.x-btn-default-small,.txtbtn.x-btn-focus.x-btn-default-small{-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 3px 3px 3px 3px;
    border-width: 0px;
    border-style: solid;
    background-image: none;
    background-color: transparent;   }
.txtbtn.x-btn-disabled.x-btn-default-small{    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(198,0,0,.6);
    background-image: none;
    background-color: #f8f8f8;    }
.txtbtn.x-btn-over.x-btn-default-small{
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    background-image: none;
    background-color: transparent; 
/* transition: background-color 0.5s;*/
}
.txtbtn.x-btn.x-btn-pressed.x-btn-default-small,.txtbtn.x-btn.x-btn-pressed.x-btn-default-large{
    border: none;
    background-color: transparent;
}

.j-seg .x-btn-menu-active.x-btn-default-small,.j-seg .x-btn-pressed.x-btn-default-small,.j-seg .x-button.x-pressed .x-inner-el{background-image:none !important;background-color:#22cc20/*1aad19*/;border-color:#22cc20;outline:none;}
.j-seg.x-btn.x-btn-menu-active.x-btn-default-small .x-btn-inner-default-small,
.j-seg .x-btn-pressed .x-btn-inner-default-small,.j-seg .x-button.x-pressed .x-text-el{color:#fff !important;}
.j-seg .x-btn-default-small,.j-seg .x-inner-el{background-image:none !important;border-color: #c0c0c0;background-color:#fff;}
.j-seg .x-btn-over.x-btn-default-small{background-image:none !important;background-color:#2ce02a;border-color:#2ce02a;transition:background-color 0.3s;}
.j-seg .x-btn-over .x-btn-inner-default-small{color:#fff;transition:color 0.3s;}
.j-seg .x-button .x-text-el{font-weight: normal;font-size:14px;}
.j-seg .x-segmented-button-last,.j-seg .x-button.x-last .x-inner-el{border-radius:0px 8px 8px 0px;}
.j-seg .x-segmented-button-first,.j-seg .x-button.x-first .x-inner-el{border-radius:8px 0px 0px 8px;}
.j-seg .x-button-segmented.x-hovered .x-inner-el{background-color:#2ce02a;border-color:#2ce02a;}

.x-btn .x-btn-wrap{outline:none !important;}
.redbtnm.x-button{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #c60000;  
    font-weight:normal;  
}

.redxm.x-button{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #ffffff;    
}

.redbtnm.x-button .x-inner-el{
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #c60000; 
}

.redxm.x-button .x-inner-el{
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #ffffff; 
}

.redbtnm.x-button.x-hovered .x-inner-el,.redxm.x-button.x-hovered .x-inner-el{
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #c60000; 
}

.redbtnm.x-button,.x-button.x-hovered{
    color:#ffffff;
}

.redbtnm.x-button.x-pressing,.redbtnm.x-button.x-pressed,.redxm.x-button.x-pressing,.redxm.x-button.x-pressed{
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #c60000;
    background-image: none;
    background-color: #000000; 
}

.redbtnm.x-button.x-pressed .x-inner-el,.redbtnm.x-button.x-pressing .x-inner-el,.redxm.x-button.x-pressed .x-inner-el,.redxm.x-button.x-pressing .x-inner-el{
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #a60000;
    background-image: none;
    background-color: #a60000; 
}

.greenbtnm.redbtnm,.greenbtnm.redbtnm.x-button .x-inner-el{
    border-color: #00bf2b !important;
    background-color: #00bf2b !important; 
}

.greenbtnm.redbtnm.x-button.x-pressed .x-inner-el,.greenbtnm.redbtnm.x-button.x-pressing .x-inner-el{
    border-color: #02ac2a !important;
    background-color: #02ac2a !important; 
}

.nonebtnm.redbtnm,.nonebtnm.redbtnm.x-button .x-inner-el{
    border-color: rgba(0,0,0,0) !important;
    background-color: rgba(0,0,0,0) !important; 
    padding: 0px;
}

.nonebtnm.redbtnm.x-button.x-pressed .x-inner-el,.nonebtnm.redbtnm.x-button.x-pressing .x-inner-el{
    border-color: rgba(0,0,0,0) !important;
    background-color: rgba(0,0,0,0) !important; 
}
.color_black{color:#000 !important;}
.color_white{color:#fff !important;}
.color_red{color:red !important;}

.clickdiv_over {    
background:#ff000;
text-align: center;
vertical-align: middle;
cursor: Hand;
}

.clickdiv_out {    
background:#000ff;
text-align: center;
vertical-align: middle;
cursor: Hand;
}

.x-mask{z-index:-100;position:absolute;top:0;left:0;opacity:0;outline:none !important}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
*{font-size:12px!important;}
}

.x-form-cb-toolbar {
    margin-top: 6px;
}
.x-tab1.x-tab-active.x-tab-default .x-tab-inner-default{
  color:#e00000;
}

a{text-decoration:none}
.hylinkA a:link,.hylinkA a:visited{/*display:inline-block;*/margin-left:10px;border: 0px solid;border-color:#0078d3;color:#f60000;background-color:#ffdddd;vertical-align:middle;font-size:12px;padding:4px 6px;border-radius:4px;}
.hylinkB a:link,.hylinkB a:visited{display:inline;margin-left:0px;border: 0px solid;color:#000;/*font-weight:bold;*/}
.hylinkC{display: inline;margin-top:5px;}
.hylinkC a:link,.hylinkC a:visited{margin-left:-12px;border: 0px solid;border-color:#0078d3;color:#ffffff;background-color:#ff3b3b;vertical-align:middle;font-size:13px;padding:2px 4px;border-radius:4px;}
.hydev{position: absolute;font-size:10px;width:30px;color:white;line-height:16px;text-align:center;left:70px;bottom:20px;height:16px;background-color:rgba(255,95,95,1);border-radius:4px;}
.hygreen{background-color: rgba(115,216,0,1) !important;}
.hyalarm{width: auto;left: 86px;bottom:24px;padding: 2px 4px;height: 18px;background-color:rgba(255,55,55,1);}
.hytl{float:right;color:#303030;display:inline-block;margin-right:10px;border: 0px solid currentColor;border-radius: 4px;font-size: 12px;padding: 2px 4px;background-color:#f0f0f0;}
.j-alarm-broad-content{width: 68px;color: red; border-radius: 4px;border: 1px solid red;text-align: center;height:20px;margin-bottom: 4px;}
.j-alarm-broad-btn{display: inline-block;margin-right:16px;padding: 2px 6px;background-color:#00bf2b;border-radius: 4px;color: white;}
.j-alarm-broad-text{color: #808080;}
.j-status{background-color:red;color:white;border-radius:4px;padding: 2px 4px;}
.grid-right-btn{color: #ffffff; margin-right: 20px;padding: 2px 4px;background-color: red;}
.grid-no{display: inline-block;background-color: #ff3333;border-radius: 2px;color: white;padding: 2px 4px;}
.grid-playback{margin-left:6px;height:24px;padding:4px 8px;cursor:pointer;}
.grid-playback-pc{margin-left:6px;padding:4px 8px;cursor:pointer;}
.recfile-plan:active {background-color: #22ad22 !important;}
.recfile-alarm{background-color: #ff3333 !important;}
.recfile-motion{background-color: #7070ff !important;}
.recfile-plan{background-color: #32d532 !important;}
.recfile-hand{background-color: #bfbf00 !important;}
.recfile-unknow{background-color: #505050 !important;}
.playpos-tips{background-color:#808080;border-radius: 2px;width:100%;color:#F8F8F8;padding:2px 4px;}
.ani-text{letter-spacing: 2px;
    text-align: center;
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 600;
    background-image: -webkit-linear-gradient(left,#f00,#fff 25%,#f00 50%,#fff 75%,#f00) !important;
    -webkit-animation: masked-animation-data-v-7a27b143 .5s infinite linear;}
.playback-ing{position: absolute;bottom: 10px;left: 18px;text-align: center;background-color: rgba(115,216,0,1);
    color: white;border-radius: 2px;padding: 1px 4px;width: 74px;font-size: 14px;line-height: 16px;display: none;}
.playback-ing-pc {position: absolute;bottom: 4px;left: 10px;text-align: center;background-color: rgba(115,216,0,.9);color: white;border-radius: 2px;padding: 1px 8px;width: 50px; font-size:12px;line-height: 14px;display: none;}
.box{display: flex; justify-content: center;}
.pb-filecount{background-color: #e0e0e0;border-radius: 2px;color:#000;text-align: center !important;line-height:20px;}
.j-calendar-close1 .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,.j-calendar-close1 .x-btn.x-btn-default-toolbar-small{background-color: #c60000 !important;border:none !important;background-image:none !important;}
.j-calendar-close .x-calendar-panel-switcher .x-segmented-button-item .x-btn-inner-default-toolbar-small{color:white !important;}
.j-calendar-close .x-calendar-panel-switcher .x-segmented-button-item{background-color: #c60000 !important;border:none !important;background-image:none !important;}
.mobile-liveplay .x-innerhtml{height:100%}
.j-mobile-form{font-size:14px;}
.j-mobile-input .x-textfield .x-input-wrap-el{border-bottom: 1px solid #e1e1e1;border-width: 0 0 1px 0;border-radius:0;}
.x-treelist-item-loading.x-treelist-item-icon{z-index:-100;background-image:none;color:transparent}

.x-tool-type-disclosure:before{content:url('./arrow.png');font-family:'Font Awesome 5 Free'}
.x-cleartrigger .x-icon-el:before{content:url('./clear16.png')}

.custom-grid .x-grid-td {
  vertical-align: middle;
}
.custom-grid .x-grid-td img {border-radius:4px;}
.custom-grid-pb .x-grid-td {
  border-width: 0;
}
.custom-grid .x-grid-group-hd {
  background-color: #ffffff;
  border-width:0 0 2px 0;
  border-style:solid;
  border-color:#e0e0e0;
}
.custom-grid .x-grid-group-title {
  color: black;
}
.custom-grid .x-grid-header-ct,.x-grid-header-ct{
   background-image:none;
   background-color: /*#f2f5fc;*/#f8f8f8;
    border: 1px solid #f0f0f0;
    border-bottom-width: 1px !important;
}
.grid-head .x-grid-header-ct{border-width:0px !important;}
.custom-grid .x-column-header-inner {
    padding: 8px 6px 9px;
}
.custom-grid .x-column-header-checkbox .x-column-header-checkbox:after, .custom-grid .x-grid-checkcolumn:after{
background-image: url(./checkbox.png);
}
.custom-grid .x-grid-cell-special{background-color: #f8f8f8;background-image:none !important}

.j-noborder-input {height:100%;}
.j-noborder-input .x-body-wrap-el .x-body-el .x-input-wrap-el{
  background-color: rgba(0,0,0,0);
  border:0px;
color:black;
}
.j-noborder-input .x-body-wrap-el .x-body-el .x-input-wrap-el .x-input-el{
  padding: 0px 6px;
 /* margin-top: 2px;*/
height:100%;
  background-color: rgba(0,0,0,0);
}
.j-noborder-input .x-after-input-el{margin-top:4px}
.j-noborder-panel .x-panel-outer-border-trbl {
    border-color: #f0f0f0 !important; 
    border-width: 0px 0px 0px 0px !important;
}
.j-mobile-devsearch{box-shadow: 0 2px 8px rgba(0,0,0,.1);z-index:12 !important;}
.j-login-panel .x-panel-outer-border-trbl {
    border-color: #f0f0f0 !important; 
    border-width: 1px !important;
}
.normal .j-noborder-input{
height: 30px;
}
.j-login-panel-bottom .x-panel-outer-border-trbl{
  border-color: #e0e0e0 !important;
  border-width: 0px 0px 1px 0px !important;
}
.j-login-text{color:black !important;}
.j-login-text label{color:black !important;}
.j-login-text-gray label{color:#f8f8f8 !important;}
.j-login-btn.x-button .x-inner-el{border-color:#c60000;background-color:#c60000;color:white;font-weight:bold;}
.j-login-btn.x-button.x-hovered .x-inner-el{
    border-color: #e60000;
    background-image: none;
    background-color: #e60000; 
}
.j-login-btn.x-button.x-pressed .x-inner-el,.j-login-btn.x-button.x-pressing .x-inner-el{
    border-color: #a60000;
    background-image: none;
    background-color: #a60000; 
}
.j-datepick{height:32px}
.j-datepick input{height:100% !important}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8a8d8e !important;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8a8d8e !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #8a8d8e !important;
}

.j-noborder-input .x-input-el::-webkit-input-placeholder{
    color: #8a8d8e !important;
    opacity: 1; /* Firefox */
}
.j-noborder-input .x-input-el:-moz-placeholder{
    color: #8a8d8e !important;
    opacity: 1; /* Firefox */
}
.j-noborder-input .x-input-el::-moz-placeholder{
    color: #8a8d8e !important;
    opacity: 1; /* Firefox */
}
.j-noborder-input .x-input-el:-ms-input-placeholder{    
    color: #8a8d8e !important;
    opacity: 1; /* Firefox */
}
.j-backimage{z-index:0 !important;}
.j-if,.j-if-big{cursor: pointer;transform:scale(1);transition: all 0.3s;display: inline-block;initial;}
.j-if:hover {/*font-size: 70px !important;color:#ff0000 !important;*/transform: scale(1.1);display: inline-block;}
.j-if-big1:hover{color:#f80000 !important;transform:scale(1.1);display: inline-block;}
.j-if-big:hover{transform:scale(1.1);display: inline-block;transition: all 0.3s;}
.lite-panel{transition:0.5s;}
.lite-panel:hover{opacity:.85;}
.lite-panel-disabled{opacity:.70;}
.login-tip {
    position: absolute;
    top: 0px;
left:0px;
width:100%;
  /*  right: 45px;*/
    display: block;
}

.login-tip .poptip .poptip-content {
    color: #ff9000;
    font-size: 12px;
    font-weight: 400;
}
	
.login-tip .poptip .poptip-arrow {
    position: absolute;
    z-index: 10;
    top: 8px;
    right: 0;
}

.login-tip .poptip {
    line-height: 16px;
    position: relative;
    z-index: 9999;
    background-color: #fefcee;
    border: 1px solid #ff9000;
    padding: 5px 10px;
}

.login-tip .poptip {
    border: 1px solid #f3d995;
    background: #fefcee;
}
.j-devgrid .x-grid-scrollbar-clipper-locked, .j-devgrid .x-grid-scrollbar-locked,.j-devgrid .x-grid-inner-locked,.j-devgrid .x-grid-body {
border-color:#f0f0f0 !important;}
.j-devgrid .x-column-header{border-right:none !important}
.j-devgrid .x-grid-with-col-lines .x-grid-cell{border-width:0 !important}
.j-devgrid .x-grid-inner-locked{z-index:8;box-shadow: 0 0 6px rgba(0,0,0,.1);pointer-events:none;}
.j-devgrid .x-grid-header-ct, .x-grid-header-ct{pointer-events:initial;}
.j-tipmsg-white{background-color:#fff;color:#a0a0a0;border-radius:4px;padding:4px;}
.poptip .poptip-arrow em, .poptip .poptip-arrow span {
    position: absolute;
    *zoom: 1;
    width: 0;
    height: 0;
    border-color: hsla(0,0%,100%,0);
    border-style: solid;
    overflow: hidden;
    top: 0;
    left: 0;
    border-left-color: #ff9000;
}

.poptip .poptip-arrow span {
    border-left-color: #fefcee;
    border-width: 6px 0 6px 6px;
}

.poptip .poptip-arrow em {
    top: 0;
    left: 1px;
    border-left-color: #ff9000;
    border-width: 6px 0 6px 6px;
}

.j-slider .x-slider{
  width: 52px;
  height:26px;
}
.j-slider .x-slider .x-track-el {
    height: 26px;
    background-color: rgba(176,176,176,.3);
    border: none;
    border-radius: 13px;
}

.j-slider .x-slider .x-fill-el {
	width: 52px;
	background: #ff6060;
	height: 26px !important;
	border-radius: 13px;
	float: right;
	/*margin: 8px 10px 0 0;*/
	/*box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; */
      margin: 0px;
      border: none;
}

.j-slider .x-thumb {
	width: 24px;
	height: 24px;
	float: left;
	margin: 1px 1px;
    top: 0px !important;
	border-radius: 12px;
	box-shadow: none;
	background: #fff;
        transition: 0.1s;
border: 1px solid #d0d0d0;
}

.j-slider .x-thumb .x-icon-el {
    color: #fff;
    /* width: 0px; */
    /* height: 0px; */
}
.x-togglefield .x-box-el {
    padding: 0px 0 0px;
}

.j-slider .x-big .x-toggleslider {
    width: 52px;
}
.j-slider .x-big .x-slider .x-fill-el {
    height: 26px;
    border-radius: 13px;
}
.j-slider .x-big .x-slider .x-track-el {
    height: 26px;
    border-radius: 13px;
}
.j-slider .x-big .x-thumb {
    height: 24px;
    width: 24px;
    top: 50% !important;
    box-shadow: none;
    margin-top: -12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

.jshadow_m {
    border-style: none;
    border-width: 0px;
    /* border-color: #157fcc; */
    box-shadow: 1px 1px 10px #d0d0d0;
    border-radius: 4px;
}
.map_sensor_v{display:inline-block;color:black;}
.map_sensor_a{display:inline-block;color:red;}
.map_wnd .x-innerhtml{height:100%;}
.map_infownd_btn{color:rgb(0, 0, 255);
cursor:pointer;
background-color:#f0f0f0;
border-radius:4px;
width:50px;
text-align:center;padding:2px;font-weight:normal;
}
.mapLayer{width: 250px;height:146px;margin: 4px auto;text-align: center;}
.mapLayer>ul{width: 250px;height: 26px;border-bottom: 1px solid #eaeaea;margin-top: 8px;}
.mapLayer table{text-align:left;}
.mapLayer>ul>li{list-style: none;float: left;width: 80px;height: 24px;line-height: 22px;color:#808080;}
.mapLayer>div{width: 250px;position: absolute;color: black;line-height: 20px;display: none;}
.mapLayer li.showed{border-bottom: 2px solid #c60000;color:#000;}
.mapLayer div.showed{display: block;}
.redbtn-html{
    background-color: #c60000;
    background-image: none;
    border-width: 0px;
    width: 80px;
    height: 100%;
    color: #ffffff;
    padding: 4px;
    cursor:pointer;
}

.j-toolbar-s.x-btn-default-toolbar-small {
    border-color: #c60000;
    border-radius: 0px;
    background-color: #ffffff !important;
    border: 1px solid #c60000 !important;
}
.j-toolbar-s .x-btn-inner-default-toolbar-small{color:#000 !important;}
.j-toolbar-s.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #c60000;
    border-radius: 0px;
    background-color: #b60000 !important;	
    background-image: none;		
}
.j-toolbar-s.x-btn.x-btn-pressed .x-btn-inner{
  color: #fabbbb !important;
}
.j-toolbar-s.x-btn.x-btn-menu-active.x-btn-default-toolbar-small{
    border-color: #c60000;
    border-radius: 0px;
    background-color: #ffffff;	
    background-image: none;		
}

.j-toolbar-s.x-btn-over .x-btn-inner-default-toolbar-small{
    color: #ffffff !important;
} 

.j-toolbar-s.x-btn-pressed.x-btn-inner-default-toolbar-small{
    margin-top: 2px !important;		
}

.j-toolbar-s.x-btn-focus .x-btn-inner-default-toolbar-small{
    color: #000;
} 

.x-keyboard-mode .j-toolbar-s.x-btn-focus.x-btn-default-toolbar-small{
    border-color: #c60000;
    border-radius: 0px;
    background-color: #ffffff;	
    background-image: none;		
}

.j-toolbar-s.x-btn-over.x-btn-default-toolbar-small {
    border-color: #c60000;
    border-radius: 0px;
    background-color: #c60000 !important;
    background-image: none;		
}

.x-toolbar-default .x-toolbar-separator-horizontal{
    border-left-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0);
}

.x-toolbar-footer {
    background-color: #f0f0f0;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
}
.x-message-box .x-window-body {
    background-color: rgba(0,0,0,0);
    border-width: 0;
}

.j-listitem .x-listitem {
    color: #000;
    background-color: #ffffff;
    border-radius: 0px;
    border:none;
    margin-bottom: 1px;
    padding: 4px 0 0;
    border-bottom: 1px solid #f0f0f0;
  /*  margin-top: 2px; */
}
.j-listitem{background-color: #f0f0f0 !important;}
.j-listitem .x-listitem-inner-el {
    padding: 1px 0px;
    width:100%;
}
.j-listitem .x-big .x-listitem-tool-dock > .x-inner-el{
width:100%;
}
.j-listitem .x-innerhtml{width:100%;}
.j-listitem .x-field{display:none;}
.j-listitem .x-show-selection > .x-listitem.x-selected{
 background-color: #fff;
 border-color: #fff;
}
.j-listitem .x-mgrid-cell{width:100% !important;/*padding-left:0px;*/} 
.j-recfile-list .x-mgrid-cell{padding-left:10px;}
.j-recfile-list .playback-ing {left:22px;}
.j-popupwnd {
    z-index: 99999;
    border-radius: 10px 10px 0 0;
    box-shadow: 1px 1px 10px #d0d0d0;
    border-color: #c60000 !important;
    border-width: 4px 0 0 0 !important;
    border-style: solid !important;
}
.j-selitem .x-show-selection > .x-listitem.x-selected{
background-color:#fff;
border-color:#fff;
}
.j-chklist input{vertical-align: bottom;}
.j-chklist-bg .x-boundlist{background-color:#f8f8f8;}
.j-chklist .x-boundlist-selected{background-color:#f0f0f0;}
.j-bottom-line{border-bottom: 1px solid #f0f0f0 !important;}
.selplayer{
   border-color:#d60000 !important;
   border-style:solid !important;
   border-width:1px !important;
}
.unselplayer{
   border-color:#000 !important;
   border-style:solid !important;
   border-width:1px !important;
}
.gwwin{border-width: 0px;background-color: #505050 !important;border-radius:0px;box-shadow: none;}
.gwwin .x-panel-body-default1,.gwwin .x-autocontainer-innerCt{background-color: #505050;} 
.gwwin.gw-white .x-autocontainer-innerCt{background-color: #fff !important;}
.gwbody>.x-panel>.x-panel-bodyWrap>.x-panel-body>.x-autocontainer-outerCt>.x-autocontainer-innerCt,.gwbody .gwtool .x-autocontainer-innerCt{background-color: #505050 !important;}
.gwtool .x-panel-body-default{background-color: #505050;}
.gwinfo{float:right;background-color:#606060;border-radius:6px;border-width:1px;padding:6px 4px;margin-top:-2px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;}
.gwversion{margin-top:2px !important;padding-left:30px;}

.x-panel-bodyWrap.x-panel-body-default{
border-width: 0px !important;
}

.x-show-selection > .j-listitem-m.x-listitem.x-selected {
background-color: #fff !important;
border-color: #f0f0f0 !important;
}
.x-slider-horz .x-slider-thumb {
    background-image: url(./slider-thumb.png);
}
.j-roundpanel-{border-radius: 10px;margin: 2px;padding: 0px;}
.j-roundpanel- .x-panel-body-default:first-of-type{border-radius: 10px;}

.x-form-checkbox-top{top:0px !important;}
.x-tool-close,.x-tool-maximize,.x-tool-restore{background-image: url(./tool-sprites.png);}
.x-form-radio-default{background: url(./radio.png) no-repeat;}
.x-form-checkbox-default,.x-form-checkbox-toolbar{background: url(./checkbox.png) no-repeat;}
.x-tree-checkbox{background-image: url(./checkbox2.png);}

.x-form-trigger-default,.x-form-trigger-toolbar{background: 0 0 transparent url(./trigger.png) no-repeat;
border-width: 1px 1px 1px 0px;}
.x-form-clear-trigger{background-image: url(./clear-trigger.png);}
.j-edit-white .x-form-clear-trigger{background-color:white !important;}
.j-edit-red input{color:red !important;}
.x-form-spinner-default {background-image: url(./spinner.png);border-style:solid;border-color: #b5b8c8;}
.x-form-spinner-up-default {border-width: 1px 1px 0px 0px;}
.x-form-spinner-down-default {border-width: 1px 1px 1px 0px;height:12px}
.j-main-left-panel{box-shadow:4px 0px 8px -4px #c0c0c0;z-index:100}
.j-video-panel .x-panel-body-wrap-el{border:1px solid #c0c0c0;z-index:100}
.j-image-panel .x-panel-body-wrap-el{border-top:2px solid #c60000;z-index:10000;border-radius:8px;}
.weloader{
    background-image: url(./weloading.gif);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    overflow: hidden;
    text-align: center;
    font: 1em/1em '\5B8B\4F53';
    z-index: 999;
    display: none;
}
.loader {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 14px 25px 2px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-left-color: #fff;
    animation: load 1s linear infinite;
    -webkit-animation: load 1s linear infinite;
}
.load-container {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 9px;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    overflow: hidden;
    text-align: center;
    font: 1em/1em '\5B8B\4F53';
    z-index: 999;
    display: none;
}

.load-container:after {
 /*   content: '\8BF7\7A0D\5019';*/
    content:attr(data-attr);
    color: #FFF;
    font-size: 12px;
display:block;
    margin-top: 10px;
}
@keyframes load {
	from {
		-webkit-transform: rotate(0deg);
		/* transform: rotate(0deg); */
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes load {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.map-popup-watch-td{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.x-form-cb-wrap-inner{margin-top: -4px;}*/

.x-btn-over.x-btn-default-toolbar-large,.x-btn-focus.x-btn-default-toolbar-large,.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-large,.x-btn.x-btn-pressed.x-btn-default-toolbar-large {border: none;background-image: none !important;background-color: rgba(255,0,0,0.5);}

.x-menu-default {border-color: #d0d0d0;font-size:12px;}
.x-menu-body-default{background: #ffffff;}
.x-menu-icon-separator-default{display:none;}
.x-menu-item-default.x-menu-item-separator {border-top: solid 1px #e0e0e0;background-color:rgba(0,0,0,0);}
.x-menu-item-text-default {color: #000;font-size:12px;}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
  /*  background-image: url(images/menu/default-group-checked.gif);*/
}
.x-menu-item-focus .x-menu-item-text-default,.x-menu-item-active .x-menu-item-text-default{color:#000;}
.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active{background-color:rgba(255,0,0,0.5);background-image:none;border-width:0px;}

.x-window-header-default-top{
 height: 26px;
 border-bottom-style: solid;
 border-bottom-color: #a60000;
 border-bottom-width: 1px;
 background-color: #a60000;
-webkit-box-shadow:none;
box-shadow:none;
}
.x-window-header-default {
    font-size: 12px;
    border-color: #a60000;
}
.x-window-header-default .x-tool-img {
    background-color: rgba(0,0,0,0);
}
.x-window-header-title-default{color: #ffffff;font-size:12px;}
.x-tool-close,.x-tool-maximize,.x-tool-restore{background-image: url(./tool-sprites-white.png);}
.x-big .x-titlebar-body-el{
background-color: #c60000;
}
.x-picker-slot .x-dataview-item.x-selected{
background-color: #ffd5d5 !important;
}
.x-big .x-picker-slot .x-dataview-item {background-color: white;border-color: white;}
.indiv-app img{border: 1px solid #b6b6b6; border-radius: 4px;}
.border-none{border:none !important;}
.wnd-right{box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 16px 0px;z-index: 99999;}
.j-treeview .x-grid-item-selected{color: #000;background-color: rgba(255,0,0,.1);width:100% !important;transition:background-color 0.3s;}
.j-treeview .x-grid-item-over{color: #000; background-color: rgba(255,0,0,.1);width:100% !important;transition:background-color 0.3s;}
.j-treeview .x-grid-item{width:100% !important;}
.j-treeview.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus,.j-treeview.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus{background-image: url(./tree_arrows.gif);background-position: -16px center;}
.j-treeview.x-tree-lines .x-tree-elbow-plus,.j-treeview.x-tree-lines .x-tree-elbow-end-plus{background-image: url(./tree_arrows.gif);}
.j-boundlist .x-boundlist-selected{background: rgba(255,100,100,.15);border-color: rgba(255,100,100,.2);}
.j-boundlist .x-boundlist-item-over{background: rgba(255,100,100,.1);border-color: rgba(255,100,100,.15);}
.custom-grid .x-grid-item-selected {background-color: rgba(250,180,180,.1);}
.custom-grid .x-grid-item-over {background-color: rgba(250,180,180,.1);}
.x-toolbar-default{background-image:none !important;background-color:unset;}
.trans-img img{transition: transform 0.5s ease, opacity 0.5s ease;}
.trans-img img:hover{transform: scale(1.2);opacity: 0.9;cursor:pointer;}
.trans-img{border-radius:4px !important;}
.radius-img-4 img{border-radius:4px !important;}
.auto-img{text-align:center;position: relative;}
.auto-img .x-innerhtml{height:100%;}
.auto-img img{width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);top: 50%;left:50%;position:absolute;border-radius:4px;}
.j-if:hover{transform: scale(1.2);opacity: 0.9;cursor:pointer;}
.round_img {
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: j-img;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 6000ms;
}
@-webkit-keyframes j-img{
from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.x-form-text-wrap-default:hover,select:hover{border-color:#707070;}
.x-form-readonly .x-form-text-wrap-default:hover,.x-form-readonly select:hover{border-color:#c0c0c0 !important;};
.x-form-text-wrap-default:disabled, select:disabled{border-color:#d0d0d0;}
.j-readonly input{background-color:#f8f8f8;}
.j-progress input{background-image: url(./progress.png);background-size: 0% 10%;background-position: left bottom;background-repeat: no-repeat;}
.j-input-noborder .x-form-text-wrap-default{border:none !important;}
/*.x-form-text-wrap-default input:read-only, select:read-only {border:1px solid #c0c0c0;}*/
.func-item{border:1px solid #f0f0f0 !important;background-color:#fff;cursor:pointer;transition:border 0.5s;}
.func-item:hover{border:1px solid #c60000 !important;box-shadow:0px 0px 2px #f60000;transition:border 0.5s;}   
.func-item .x-panel-body:hover{background-color:rgba(255,0,0,.1) !important;transition:background-color 0.5s;}
.func-item-round{border-radius:8px;box-shadow: 0px 0px 10px rgba(150, 150, 150,.08);}
.bg_black{background-color:#0 !important;}
.x-panel-body-default,.x-toolbar-text-default,.x-grid-item,.x-btn-inner-default-toolbar-small,.x-panel,.x-btn-inner-default-small,.x-grid-group-title{font-size: 12px;}
.x-tip-default {background-color: #fff;border-color: #f0f0f0;}
.oper-btn{height:26px;line-height:26px;cursor:pointer;background-color:#c60000;color:white;display:inline-block;text-align: center;width: 64px;margin-right: 16px;}
.oper-btn:active{background-color:#b60000 !important;}
.oper-btn-disabled{background-color:gray;}
.fix-grid .x-grid-item-focused .x-grid-cell-inner:before{border:none;}
.fix-grid table{height:60px;}
.fix-grid .x-column-header-text-inner{font-weight:bold;font-size:13px;}
.fix-grid .x-column-header-inner{padding: 12px 6px 13px;}
.j-notice-panel{border-left:2px solid #ff0000 !important;}
.j-notice-panel .x-panel-body{background-color: #f5f5f6;padding: 0px 6px;}
.j-notice-panel label{color:#303030;display:flex;align-items:center;padding:8px 10px;flex-wrap:wrap;justify-content:space-between;}
.j-video-bg{background-image: url(../video/img/bg.png);}
.j-selcam-m .x-mgrid-cell{padding-left:20px;}
.j-selcam-m .x-show-selection > .x-listitem.x-selected{
 background-color: #ffd5d5;
 border-color: #ffd5d5;
}
.main-banner-body{/*background-image: url(https://wp.juncen.com/files/long.png);*/background-repeat: no-repeat;background-position: right center;}
.lite-btn{background-color: #f0f0f0;padding: 3px 8px;border-radius: 4px;font-weight: normal;color:#303030 !important;white-space:nowrap;}
.lite-btn:hover{background-color: #f5f5f5;color:blue !important;}
.lite-btn:active{background-color: #e5e5e5;color:blue !important;}
.videof{background-color: black;padding:1px 0px;}
.videof-max{width:100% !important;height:100% !important;}
.videof .x-resizable-handle-east{width: 1px !important;}
.videof-body1{margin-top:1px}
.videof-body.x-panel-body-default,.videof-body.x-panel-default{width:100% !important;height:100% !important;}
.videof-max .x-panel-body-default{width:100% !important;height:100% !important;}
.videof .x-window-header-default{border-color: #282828;}
.videof .x-window-header-default-top,.videof .x-window-header-default{background-color: #282828;}
.video-toolbar{background-color:rgba(43,51,63,.3) !important;width:100% !important;/*display:none;*/opacity:0;visibility:visible;transition: visibility 1s, opacity 1s;}
.video-toolbar-body{background-color:rgba(43,51,63,.3) !important;width:100% !important;}
.videof-body:hover .video-toolbar{/*display:block;*/visibility: visible;opacity:1;transition: visibility 1s, opacity 1s;}
.video-toolbar .x-btn-over.x-btn-default-toolbar-medium,.video-toolbar .x-btn-focus.x-btn-default-toolbar-medium,.video-toolbar .x-btn-over.x-btn-default-toolbar-small,.video-toolbar .x-btn-focus.x-btn-default-toolbar-small{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.4);background-image:none;}
.j-calendar-playback .x-calendar-header-large .x-calendar-header-cell{padding: 2px 2px;}
.j-calendar-playback .x-calendar-weeks .x-calendar-weeks-cell-inner{padding: 1px 0 1px 4px;text-align: center;}
.j-calendar-playback .x-calendar-month-6weeks .x-calendar-weeks-row{height: inherit;}
.j-task-start{margin-right:8px;color:green;}
.j-task-stop{margin-right:2px;color:#c60000;}
.alarm_confirm{background-color:#c60000;color:white;height:22px;line-height:22px;cursor:pointer;display:inline-block;transition: background-color 0.3s;}
.alarm_confirm:hover{background-color:#e60000;}
.confirmed{background-color:#0caf0b !important;}
.confirmed:hover{background-color:#12cc20 !important;}
.alarm-panel{z-index:1;}
.alarm-panel>.x-panel-bodyWrap>.x-panel-body-default{background-color: rgba(0,0,0,.3);color: #e0e0e0;border-radius: 4px;}
.alarm-panel-red>.x-panel-bodyWrap>.x-panel-body-default{background-color: rgba(255,0,0,.3);color: #e0e0e0;border-radius: 4px;}
.vcall-toolbar{width:100% !important;bottom:0px;top:inherit !important;}
.vcall-toolbar-bd{width:100% !important;bottom:0px;background-color: #202020;}
.vcall-toolbox{border-radius: 8px;}
.vcall-toolbox-bd{border-radius: 8px;background-color: rgba(0,0,0,.2);}
.vcall-msgbox{border-radius: 0px;}
.vcall-msgbox-bd{border-radius: 8px;background-color: rgba(80,80,80,0.1);color:white;}
.main-btm-video{}
.main-btm-video-bd{background-color: #fefefe;}
.none-scroll{overflow:unset !important;}
.hide-scroll-x{overflow-x: hidden !important;}
.hide-scroll-y{overflow-y: hidden !important;}
.text-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.blue-lite-btn{color:rgb(0, 0, 255) !important;cursor: pointer;background-color: #ecf3ff;padding: 2px 6px;}