*{font-family: system-ui;!important;}
/*icon scan*/
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1660202968850') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-saomiao:before {
  content: "\e62f";
}



 .x-body
{
     height: 100%;
    margin: 0;
    overflow: hidden !important;
 /*   background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: white;
    background-image: radial-gradient(circle, white,#84b9cb, #698aab);
    max-height: 100%;     */
}



 .x-window-default
{
    border-radius: 5px;  !important;
}


/* tab标签圆角美化
.x-tab.x-tab-active.x-tab-default {
    border-color: #F1F5F8;
    background-color: #F1F5F8;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.x-tab.x-tab-focus.x-tab-active.x-tab-default {
    border-color: #F1F5F8;
    background-color: #F1F5F8;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}     */

/* form hearder美化 */
.x-window-header-default {
    border-color: #fff;   !important;
    background-color: #fff;   !important;
}
.x-window-header-title-default {
    color: #000000;  !important;
}
.x-tool-tool-el {
    color: #32404E;   !important;
}

.gridcellbtn .x-btn-default-small {
	background:#b7ecf8;
    margin-top:5px;
	border-radius:5px;
}


.x-column-header {
 /*  border-right: 1px solid #d1d1d1; */
    color: #333333;
   background-color: #f5f5f5;    /*标题栏背景色*/
}

/*表格美化
.x-grid-cell-inner {
  white-space: initial;
} */

.x-grid-item-focused .x-grid-cell-inner {
  z-index:unset;
}

/*主菜单美化*/
.x-treelist-nav {
    background-color: #0f2840;
    background-position: 24px 0%;
    padding: 0 0 0 0;
}
.x-treelist-nav .x-treelist-item-text {
    color: #c2ced8;
    margin-left: 30px;
    margin-right: 24px;
    font-size: 14px;
    line-height: 40px;
}

.x-unilabel-shadow {
  text-shadow: 3px 3px 8px #C2C2C2;
 }

.combox-noborder,
.combox-noborder .x-form-trigger-wrap-default {
    border-width: 0px;
 }


/*
.x-grid-header-ct {
  background-image: none;
    background-color: #ffffff;
}    /*

/*表格边框美化*/
.myGridborder {
  border: thin solid #E9E9E9 !important;
  border-radius: 5px;
}
.myGridborder_topNoRadius {
  border: thin solid #E9E9E9 !important;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/*panel圆形*/
.myRndPanel_all .x-panel-body {
    border-radius: 50px;
    width: 30px !important;
    height: 30px !important;
    top: 10px !important;
    cursor: pointer !important;
}

/*panel圆角美化上半部*/
.myRndPanel .x-panel-body{
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}
/*panel圆角美化全部 无阴影*/
.myRndPanel_1 .x-panel-body{
  border-radius: 5px;
}

/*panel圆角美化下半部*/
.myRndPanel_2 .x-panel-body{
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  height:5px;
}

/*panel圆角美化全部带阴影*/
.myRndPanel_3 .x-panel-body{
  border-radius: 5px;
}
/*模拟按下去的效果*/
.myRndPanel_4{
  border-radius: 5px;
  box-shadow: 3px 3px 8px #C2C2C2;
}
/*msgbar使用*/
.myRndPanel_3:hover,
.myRndPanel_3 .x-panel-over{
    border-radius: 5px;
    box-shadow: 3px 3px 8px #C2C2C2;
}


/*myform toppanel边框处理*/
.myformCaptionPanel{
    background-image:linear-gradient(to right,rgb(241, 245, 248),white);
   /* border-style: none none dashed none;
    border-width: 0.8px;
    border-color: #9b9b9b; */
}

.myformTopPnl .x-panel-body{
  background-image:linear-gradient(to right,rgb(2, 100, 254),white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}

.myformTopPnl_red .x-panel-body{
  background-image:linear-gradient(to right,rgb(255, 0, 0),white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}


.myDlgTopPanel_info .x-panel-body{
  background-image:linear-gradient(to right,rgb(40, 96, 144),white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}

.myDlgTopPanel_question .x-panel-body{
  background-image:linear-gradient(to right,rgb(240, 173, 78),white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}

.myDlgTopPanel_error .x-panel-body{
  background-image:linear-gradient(to right,red,white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}

.myDlgTopPanel_warnning .x-panel-body{
  background-image:linear-gradient(to right,rgb(244, 234, 41),white);
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height:5px;
}


/*panel下边框美化*/
.myRndPanelborder {
 /* border: thin solid #5fa2dd!important;    */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 2px 2px 5px #C8C8C8;
}

/*panel下边框美化*/
.myRndPanelborderAll {
 /* border: thin solid #5fa2dd!important;    */
  border-radius: 5px;
  box-shadow: 2px 2px 5px #C8C8C8;
}

/*panel边框美化*/
.myPicPanelborder {
  border: 1px solid #32404e5c!important;
  border-radius: 5px;
}

/*unitabsheet边框线的css*/
.x-panel-default-outer-border-trbl {
  /*  border-color: #32404e5c !important;    */
    border-width: 0px !important;
}
.x-panel-default-outer-border-trl {
    border-width: 0px !important;
}

/*tabsheet上的美化*/
.x-tab-default-top {
    padding: 8px 10px 8px 10px;
    height:37px;
    background-color: transparent;
}


.x-keyboard-mode .x-tab-focus.x-tab-default{
   outline:0px;   /*这样选中时无边框*/
}

/*文本框清除按钮的美化*/
.x-form-trigger-default {
    width: 32px;
    vertical-align: middle;
    font: 16px/30px FontAwesome;
    background: #fff;
    color: #a7cdda;
}
.x-form-trigger {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
}
/*输入框倒角美化*/
.x-form-trigger-wrap-default {
    border-radius: 5px;
}
.x-form-text-default {
    border-radius: 5px;
}



.userCircleLogo {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    overflow: hidden;
}
/*窗口遮罩美化*/
body > .x-mask {
    background-image: none;   !important;
    background-color: rgba(0, 0, 0, 0.18);  !important;
}

/*圆形按钮*/
.mybtnCircle {
	background-color:#DCDCDC;
	border-radius:50%;
    border:none;
}

.bbtn-bt-lightblue,
.bbtn-bt-lightblue.x-btn-over {
    background-color: #3399FF;
    background-image: none;
    border-color: #3098FF;
    border-radius: 4px;
}

.bbtn-bt-lightblue:hover,
.bbtn-bt-lightblue .x-btn-menu-active .x-btn-focus,
.bbtn-bt-lightblue.x-btn-focus {
    background-color: #4863FF !important;
    border-color: #2766FF !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-lightblue.x-btn-pressed {
    background-color: #2766FF !important;
    border-color: #122b40 !important;
    background-image: none !important;
}

.bbtn-bt-lightblue:focus {
    background-color: #4863FF;
    border-color: #122b40
}



.bbtn-bt-blue,
.bbtn-bt-blue.x-btn-over {
    background-color: #337ab7;
    background-image: none;
    border-color: #2e6da4;
    border-radius: 4px;
}

.bbtn-bt-blue:hover,
.bbtn-bt-blue .x-btn-menu-active .x-btn-focus,
.bbtn-bt-blue.x-btn-focus {
    background-color: #286090 !important;
    border-color: #204d74 !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-blue.x-btn-pressed {
    background-color: #204d74 !important;
    border-color: #122b40 !important;
    background-image: none !important;
}

.bbtn-bt-blue:focus {
    background-color: #286090;
    border-color: #122b40
}

.bbtn-bt-green,
.bbtn-bt-green.x-btn-over {
    background-color: #5cb85c;
    background-image: none;
    border-color: #4cae4c;
    border-radius: 4px;
}

.bbtn-bt-green:hover,
.bbtn-bt-green .x-btn-menu-active .x-btn-focus,
.bbtn-bt-green.x-btn-focus {
    background-color: #449d44 !important;
    border-color: #398439 !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-green.x-btn-pressed {
    background-color: #398439 !important;
    border-color: #255625 !important;
    background-image: none !important;
}

.bbtn-bt-green:focus {
    background-color: #449d44;
    border-color: #255625
}

.bbtn-bt-cyan,
.bbtn-bt-cyan.x-btn-over {
    background-color: #5bc0de;
    background-image: none;
    border-color: #46b8da;
    border-radius: 4px;
}

.bbtn-bt-cyan:hover,
.bbtn-bt-cyan .x-btn-menu-active .x-btn-focus,
.bbtn-bt-cyan.x-btn-focus {
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-cyan.x-btn-pressed {
    background-color: #269abc !important;
    border-color: #1b6d85 !important;
    background-image: none !important;
}

.bbtn-bt-cyan:focus {
    background-color: #31b0d5;
    border-color: #1b6d85
}

.bbtn-bt-orange,
.bbtn-bt-orange.x-btn-over {
    background-color: #f0ad4e;
    background-image: none;
    border-color: #eea236;
    border-radius: 4px;
}

.bbtn-bt-orange:hover,
.bbtn-bt-orange .x-btn-menu-active .x-btn-focus,
.bbtn-bt-orange.x-btn-focus {
    background-color: #ec971f !important;
    border-color: #d58512 !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-orange.x-btn-pressed {
    background-color: #d58512 !important;
    border-color: #985f0d !important;
    background-image: none !important;
}

.bbtn-bt-orange:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.bbtn-bt-red,
.bbtn-bt-red.x-btn-over {
    background-color: #d9534f;
    background-image: none;
    border-color: #d43f3a;
    border-radius: 4px;
}

.bbtn-bt-red:hover,
.bbtn-bt-red .x-btn-menu-active .x-btn-focus,
.bbtn-bt-red.x-btn-focus {
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
    background-image: none !important;
    outline: none!important;
}

.bbtn-bt-red.x-btn-pressed {
    background-color: #ac2925 !important;
    border-color: #761c19 !important;
    background-image: none !important;
}

.bbtn-bt-red:focus {
    background-color: #c9302c;
    border-color: #761c19;
    outline: none!important;
}

.bbtn-bt-lightblue .x-btn-wrap,
.bbtn-bt-blue .x-btn-wrap,
.bbtn-bt-green .x-btn-wrap,
.bbtn-bt-cyan .x-btn-wrap,
.bbtn-bt-orange .x-btn-wrap,
.bbtn-bt-red .x-btn-wrap {
    outline: none!important;
}

.bbtn-bt-lightblue .x-btn-inner,
.bbtn-bt-blue .x-btn-inner,
.bbtn-bt-green .x-btn-inner,
.bbtn-bt-cyan .x-btn-inner,
.bbtn-bt-orange .x-btn-inner,
.bbtn-bt-red .x-btn-inner {
    color: #FFF !important;
}

/*信息的badge消息提示*/
.msg-badge {
    color: #FFF;
    display: inline-block;
    background-color: #F00;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px;
    line-height: 1;
    border-radius: 5px;
    position: fixed;
    top: 10px;
}

/*菜单项的badge消息提示*/
.menu-badge{
   color: #FFF;
    display: inline-block;
    background-color: #F00;
    font-size: 12px;   /*0.6rem*/
    font-weight: bold;
    padding: 4px 4px;
    line-height: 1;
    border-radius: 5px;
    position: absolute;
    top: 5px;
}

/*uniLabel的badge消息提示*/
.label-badge{
   color: #FFF;
    display: inline-block;
    background-color: #F00;
    font-size: 12px;   /*0.6rem*/
    font-weight: bold;
    padding: 2px 5px;
    line-height: 1;
    border-radius: 50px;
    position: absolute;
    top: -5px;
}

/*待审核的badge消息提示*/
.pending-badge{
   color: #FFF;
    display: inline-block;
    background-color: #F00;
    font-size: 12px;   /*0.6rem*/
    font-weight: bold;
    padding: 4px 4px;
    line-height: 1;
    border-radius: 50px;
    position: absolute;
    top: -5px;
}

/*标签模板默认提示*/
.report-badge{
   color: #FFF;
    display: inline-block;
    background-color: #666af6;
    font-size: 12px;   /*0.6rem*/
    font-weight: bold;
    padding: 2px 22px;
    line-height: 1;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
}

/*标签模板圆角美化带阴影*/
.report_round{
    border-radius: 10px;
}

.report_round:hover,
.report_round .x-panel-over{
    border-radius: 10px;
    box-shadow: 3px 3px 8px #C2C2C2;
}


.zcStatus_inuse{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#dafff9;
    color:#9393ff;
    border:1px solid #b3e9ff;
    padding:0 10px;
}

.zcStatus_unused{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#daffee;
    color:#00c46a;
    border:1px solid #adf8d6;
    padding:0 10px;
}

.zcStatus_borrow{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#d7ff5f;
    color:#657004;
    border:1px solid #afea00;
    padding:0 10px;
}

.zcStatus_pending{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#a5d24e;
    color:#fff;
    border:1px solid #91db00;
    padding:0 10px;
}

.zcStatus_repair{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#FFFFCC;
    color:#6083e5;
    border:1px solid #ffd6b3;
    padding:0 10px;
}

.zcStatus_scrap{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#B9C2CC;
    color:#ffffff;
    border:1px solid #a0a0a0;
    padding:0 10px;
}

.zcStatus_accept{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#ff827e;
    color:#ffffff;
    border:1px solid #ff6964;
    padding:0 10px;
}

.zcStatus_confirm{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#ffee05;
    color:#ca3030;
    border:1px solid #baff09;
    padding:0 10px;
}

.zcStatus_confirmed{
    text-align:center;
    font-size:13px;
    border-radius:3px;
    background:#1fe9f9;
    color:#ffffff;
    border:1px solid #00e1f3;
    padding:0 10px;
}

.lblDefault {
    text-align:center;
    font-size:10px;
    border-radius:3px;
    background:#9ab2ff;
    color:#ffffff;
    border:1px solid #93aaf2;
    padding:0 8px;
}


/* 文本框前加图标*/
.icon-textfield:before {
    position: absolute;
    height: 100%;
    z-index: 9999;
    left: 8px;
    font-size: 14px;
    top: 25%;
}

.icon-textfield .x-form-text {
    padding: 0px 0px 0px 30px !important
}

.icon-color {
    color:#4682B4;
}
/*  备用
.hyperLink {
    cursor:pointer;
    width:180px;
    font-family: 微软雅黑;
    font-weight:initial;
    font-size:13px;
    line-height:18px;
    color:#668eff;
} */

/* pagingbar有用到，其它忘了 */
.x-noborder-rbl {
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
}


.btnOp_edit{
    text-align:center;
    font-family: 微软雅黑;
    color:#5a5fe9;
    cursor:pointer;
}

.btnOp_delete{
    text-align:center;
    font-family: 微软雅黑;
    color:#c9302c;
    cursor:pointer;
}

.x-grid-row-expander {
    display: inline-block;
}

.x-menu-body-default {
    background: #fff;
    padding: 5px;
}
.x-menu-default {
    border-radius: 5px;
}
.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active
{
    background-image: none;
    background-color: #89c1f8;
    border-radius: 5px;
}

.lblshadow {
    text-shadow: 1px 1px 5px rgba(102, 102, 102, 0.4);
}

.loadingBarCtnr {
    width: 300px;
    height: 18px;
    background-color: #ddd;
    border-radius: 20px;
   }
.loadingBar {
    line-height: 18px;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: #30e0e0;
   }