.text-blue {
    color: #096EA9;
}
.text-green {
    color: #277D35;
}
.text-purple {
    color: #A025B0;
}
.text-red {
    color: #F74A1F;
}
<link rel="stylesheet" href="files/fontawesome/css/font-awesome.min.css">

.x-mask{opacity:0.35!important;}
/*::-webkit-scrollbar{display:none!important;width:0;height:0;}*/ /*隐藏滚动条*/ 
.x-toolbar-body-el{padding:0!important;min-height:36px!important;} /*不能去掉,否则tabpanel不能完全填充*/
.x-innerhtml{height: 100% !important;}

         
  /*通用遮罩*/ 
 .x-mask {
   opacity:0.9; 
 } 
    
.x-mask .x-mask-message {
    position: absolute;
    bottom: 5px;
    color: white;
    left: 0;
    right: 0;
    flex: 0 0;
    background: black;
}

		
.x-mask.x-has-message .x-loading-spinner-outer {
    background: black;
    width: 300px;
    height: 50px;
    color: white;
}

.x-mask .x-mask-message {
    position: absolute;
    bottom: 5px;
    color: white;
    left: 0;
    right: 0;
    flex: 0 0;
}

  
.x-mask.x-has-message .x-mask-inner {
    background: black;
    border-radius: 3px;
    color: white;
}

/*将TuniLabel的字体强制设为14px*/
.x-abs-layout-item  {
    font-size: 12px !important;
  /*  border-radius: 0px!important; */ /*默认不是圆角*/
}


.x-form-text {
     border-radius:8px;
     -moz-border-radius: 1px;
     -webkit-border-radius: 1px;
     border-color: #E0E0E0;
     box-shadow: 1px 1px 1px #E0E0E0;
     /*  font-family:"楷体"!important;*/
     font-size: 12px!important;
}


.x-form-text:focus
/*.x-form-text:hover,*/
{ /*Em foco*/
  border-radius:8px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border:0.5px solid red !important;
  background: #FFFFB4 !important;/*Amarelinho rgb(255, 255, 180)*/
 /* box-shadow: 1px 1px 1px #E0E0E0;*/ /*Cinza rgb(224, 224, 224)*/
}

/*圆形标*/
.circular {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.circular .flag {
    position: absolute;
    text-align: center;
    font-weight: bold;
    height: 35px;
    width: 35px;
    background-color: rgb(218,18,38);
    color: #fff;
    line-height: 35px;
    overflow: hidden;
}

.circular .flag-left {
    border-radius: 60%!important;
    left: 0px;
    top: 0px;    
}

.circular .flag-right {
    border-radius: 60%!important;
    right: 0px;
    top: 0px;
}


/*角标*/
.corner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.corner .flag {   
    position: absolute; /*绝对定位*/
    height: 20px; 
    line-height: 20px;
    text-align: center;
    font-weight: bold;    
    width: 74px;
    background-color: rgb(218,18,38);
    color: #fff;  
    overflow: hidden;         
}

.corner .flag-left {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -18px;
    top: 9px;
}

.corner .flag-right {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -18px;
    top: 9px;
}


/*列表中的单据号,突出显示*/
 .billno{
  font-size:12px;
  color:blue;
  display:inline;
  font-weight: bold;    
}
     
.pnlcard {
 box-shadow: 0 8px 6px -6px gray !important;
 background:white !important;
 border: 1px solid silver !important;
}

.divvertical {
 width:100%; 
 vertical-align:middle;
}

/* 圆形图片 */
.circleImg img{
 border-radius:50%;
 cursor:pointer;
}

/*记录面板*/
.reordpanel {
    color: #404040;
    border-width: 1px 0;
    border-style: solid;
    height: 200px;
    box-shadow: rgb(100, 100, 100) 2px 1px 5px;
    margin: 5px 20px;
    width: 500px;
}


/*不显示PDF左边页列表*/
#outerContainer.sidebarMoving > #sidebarContainer,
#outerContainer.sidebarOpen > #sidebarContainer {
   visibility: false!important;
}



/*swit弹出框*/

.swal2-confirm
{
  border-right-color: rgb(188, 18, 38) !important;
  background-color: rgb(188, 18, 38) !important;
}

/*工具条*/
.pnltoolbar 
{
  height:25px!important;
}

/*修改unifsbutton默认样式*/
.fs-btn-googleblue2 {
    text-align: center !important;
    margin: 0 0px 0px 0;
    overflow: hidden !important;
    color: black !important;
	font-weight: bold!important;
	border-radius: 0px!important;
  /*  text-shadow: 1px 1px 1px #fff; */
    border: 1px solid #dce1e6 !important;
   /* box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset; */
   background: rgb(0,128,253)!important; 
   /* background: -webkit-linear-gradient(top,#aaebb9,#82d392)!important; */
   /*height:100%!important;*/
  /* width:auto!important; */
   min-width:50px;
   max-width:200px;
   padding-bottom: 2px!important;
}

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

.fs-btn-googleblue2:focus,
.fs-btn-googleblue2.focus {
 /*
 color: #fff!important;
  font-weight: bold!important;
  */
  background: rgb(0,128,253)!important; 
  /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important; */
}

.fs-btn-googleblue2:hover {
	/*
  color: #fff!important;
    font-weight: bold!important;
	*/
  background: rgb(0,128,253)!important; 	
  /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
}


/*修改unifsbutton默认样式*/
.fs-btn-googleorange {
    text-align: center !important;
    margin: 0 0px 0px 0;
    overflow: hidden !important;
    color: black !important;
	font-weight: bold!important;
	border-radius: 0px!important;
  /*  text-shadow: 1px 1px 1px #fff; */
    border: 1px solid #FF9800 !important;
   /* box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset; */
    background: #FF9800!important;
	height:100%!important;
}


.fs-btn-googleorange:focus,
.fs-btn-googleorange.focus {
 /*
 color: #fff!important;
  font-weight: bold!important;
  */
  background: rgb(0,128,253)!important; 
  /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/ 
}

.fs-btn-googleorange:hover {
	/*
  color: #fff!important;
    font-weight: bold!important;
	*/
  background: rgb(0,128,253)!important; 	
 /* background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
}


/*弹出界面样式*/
.x-window-header-default-top { 
    background-color: rgb(192,0,0)!important;
    padding: 8px 3px!important;
    left: -3px!important;
    top: -2px!important;
    width: 105%!important
}

/*弹出界面样式*/
.x-window-header-title-default {
    color: white!important;
    font-size: 12px!important;
}

.x-window-header-title-default > .x-title-text-default {
    padding: 0 5px 1px!important;
    text-transform: none!important;
}


.x-window-header-default .x-tool-img {
    background: url('../images/close.png') no-repeat center!important;
   color: white!important;
   position: relative;  /*相对位置*/
   right: 10px;
}


/*弹出界面样式*/
.x-window-default {
    background-color: white!important;
}

/*弹出界面样式*/
.x-window-body-default {
    border-width: 0px!important;
}

/*通用提示框白色背景*/
.x-box-layout-ct {
    background: white;
}

/*按钮边框红色*/
.x-btn-default-small {
    background: rgb(0,128,253) !important;
    border-radius: 3px!important;
    border-color: rgb(0,128,253) !important;
}

/*TuniFSButton的字体*/
.x-btn-inner-default-small  {
    font-size:12px!important;
    color:white!important;  /*强制为白色字体，包括提示对话框中按钮*/    
}

/*工具条上按钮不用圆角*/
.fs-btn-googleblue2 {
    border-radius: 0px!important;	
}

/*工上条上按钮不可用时字体用黑色*/
.x-btn-disabled.x-btn-default-small .x-btn-inner, .x-btn-disabled.x-btn-default-small .x-btn-icon-el
{
	color:rgb(192,0,0)!important;
}

/*取消阴影*/
.x-css-shadow {
    position: absolute;
    box-shadow: rgb(136, 136, 136) 0px 0px 0px;
    border-radius: 6px;
}

.lblblack {
    font-size:13px!important;
    color:black!important; 
	top:0px!important;
}


/*登录界面上的下载插件*/
.lbldownCAD {
   font-size:10px !important;
    bottom: 20px!important;
    left: 34%!Important;
    transform: translate(-50%, -50%)!Important;
    z-index: 1!Important;
}


/*登录界面上的预约演示*/
.lblAppoinment {
    font-size:18px !important;
    transform: translate(-50%, -50%)!Important;
    z-index: 1!Important;
}

.lblbeian {
    font-size:16px!important;
    text-align:center!important;
    left: 40%!Important;
    z-index: 1!Important;
    text-align: center;
	width: fit-content!important;
}

/*登录面板*/
.pnlLoginbox  {
    border-radius: 5px;
    border-width: 0px;
    border-style: solid;
    border: 0px solid #E2E2E2 !important;
    top: 50%!important;
    left: 50%!Important;
    transform: translate(-50%, -50%)!Important;
}

.pnlLoginbox .x-panel-body-default  {
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    background-color: white;  /*#FFF;*/
    border: 0px solid #E2E2E2 !important;
    box-shadow: initial; 
}


 /*登录按钮*/
.btnLogin
{   
    border:none;      
    white-space: nowrap;
    text-align:center;
    outline:none;
    border-radius: 6px!important; 
    background: orangered !important;
}

/*按钮的标题字体,颜色*/
.btnLogin .x-btn-inner {
    color: white!important;
    font-size:16px !important;
    text-align: center !important;
}

.btnLogin .x-btn-button
{  
    background: orangered!important;
}

.btnLogin:hover,.btnLogin:focus,.btnLogin:active
{  
    border:none;      
    white-space: nowrap;
    text-align:center;
    outline:none;
    border-radius: 6px!important; 
    background: orangered !important;
}



/*  主菜单 */
.mainmenu .x-treelist-nav .x-treelist-row {
    padding-left: 5px;
    padding-right: 0;
}

.mainmenu .x-treelist-nav .x-treelist-item-tool {
	padding-left: 10px;
    padding-right: 10px;
	height: 36px;
}


.mainmenu .x-btn-icon-left > .x-btn-icon-el-default-medium, .x-btn-icon-right > .x-btn-icon-el-default-medium {
   /* width: 20px;*/
    color: white;
}

.mainmenu .x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool {
    color: #383838;
    width: 30px; 
    font-size: 18px;
    top: -3px;	
}




.mainmenu .x-treelist-nav {                      /* Aqui ira determina a COR DE Fundo do menu */
    background-color: #f8f8fa !important;
    scrollbar-color: #adb3b8 #516579;  /*estilo do scrool para o mozilla  */
}



.mainmenu .x-treelist-nav .x-treelist-item-text 
{
  /* menu lado Esquerdo */
  color: #383838;     /* cor da letra do menu */
  margin-left: 40px;  /* 27 espa?amento da esquerda para direita dos Itens do menu */
  margin-right: 0px; /* espa?amento da esquerda para direita dos Grupos do menu */
  font-size: 14px;    /* tamanho das letras */
  line-height: 36px;  /* altura da linha do menu */
}

/*选中项的行背景颜色*/
.mainmenu .x-treelist-nav .x-treelist-item-selected  >  .x-treelist-row {
  background: rgb(0,128,253)!important; 
   /* background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important; */
}

/*选中项的文字颜色*/
.mainmenu .x-treelist-nav .x-treelist-item-selected  >  .x-treelist-row .x-treelist-item-text {
    color: white;
	font-weight: bold!important;	
}

/*选中项的图标颜色*/
.mainmenu .x-treelist-nav .x-treelist-item-selected  >  .x-treelist-row .x-treelist-item-icon {
    color: white;
	font-weight: bold!important;	
}

/*micro模式下的选中*/
.mainmenu .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
  color: white;
  background: rgb(0,128,253)!important;   
 /* background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important; */
}

.mainmenu .x-treelist-nav .x-treelist-row-over {
  background: rgb(0,128,253)!important; 
    /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
}

.mainmenu .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text {
    color: white !important;
	font-weight: bold!important;	
}

.mainmenu .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon {
    color: white !important;
	font-weight: bold!important;
}

/*选中项的左边坚条的前景色*/
.mainmenu .x-treelist-nav .x-treelist-row-over:before,.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before
{
     background: rgb(0,128,253)!important; 
/*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
}

.edtsearch .x-form-text
{ 
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-color: #E0E0E0;
  box-shadow: 1px 1px 1px #E0E0E0;
  font-size: 12px!important;  
}


/*自定义下拉框*/
.customCombo .x-form-trigger-font-btn {
    padding-top: 0;
}

.customCombo .fa, .customCombo .fas, .customCombo .far, .customCombo .fal, .customCombo .fab {
    display: table-cell;
}


/*主菜单折叠/展开*/
.lblmenuarrow {
    font-size: 13px !important;
    left: 45%!important;
    top: 98%!important;
    text-align: center;
    color:rgb(0,0,0)!important;
    width: 100%;
    transform: translate(-50%, -50%)!Important;
    z-index: 1!Important;
    cursor: pointer!important;
}

/*待办工作数*/
.lblwaitworkcount {
    font-weight: bold!important;
    font-size: 20px!important;
    color: white!important;
    vertical-align: super !important;
    top:0px!important;
    background-color: rgba(0,0,0,0)!important;
}

/*顶部菜单*/
.lbltopmenu 
{
  color:white!important;
  font-size:12px!important;
}



/*当前审批节点*/
.btnApproveNode {
    display: inline-block;
    vertical-align: top;
    padding-left: 12px;
    padding-right: 12px;
    min-width: 126px;
    height: 40px;
    font-size: 12px;
    color: #00A4FF;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent!important;
    border-radius: 3px!important;
    border-color:#457eff!important;
    background: transparent!important;  
}  

.btnApproveNode .x-btn-inner
{
    color: #457eff!important;
}

.btnApproveNode .x-btn-button {
    background: transparent!important;  
}  

.btnApproveNode:hover,.btnApproveNode:focus,.btnApproveNode:active {
    display: inline-block;
    vertical-align: top;
    padding-left: 12px;
    padding-right: 12px;
    min-width: 126px;
    height: 40px;
    font-size: 12px;
    color: #00A4FF;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent!important;
    border-radius: 3px!important;
    border-color:#457eff!important; 
    background: transparent!important;  
}  



/*审批按钮*/
.btnApproval
{      
    border: 1px solid #b42323!important;
    box-shadow: 0 1px 2px #e99494 inset, 0 -1px 0 #954b4b inset, 0 -2px 3px #e99494 inset!important;
    background: -webkit-linear-gradient(top,#d53939,#b92929)!important;
}

.btnApproval .x-btn-inner {
    color: white!important;
    font-size:12px !important;
    text-align: center !important;
}

.btnApproval .x-btn-button {
    background: -webkit-linear-gradient(top,#d53939,#b92929)!important;
}

.btnApproval:hover,.btnApproval:focus,.btnApproval:active {
    border: 1px solid #b42323!important;
    box-shadow: 0 1px 2px #e99494 inset, 0 -1px 0 #954b4b inset, 0 -2px 3px #e99494 inset!important;
    background: -webkit-linear-gradient(top,#d53939,#b92929)!important;
}


/*菜单页主标题*/
.lblMenuTitle 
{
  font-size: 16px!important;
  font-weight:bold;  
  color: rgb(188,18,38)!important;
  padding-left: 10px;
  line-height:20px;
  /*在左边画一条竖线*/
  border-left:6px solid rgb(188,18,38);
}

/*菜单模块标题*/
.lblModuleCaption 
{
  font-size: 14px!important; 
 /* font-weight:bold;*/  
  color: rgb(188,18,38)!important;
  padding-bottom: 5px;
 /* line-height:50px; */
  /*在左边画一条竖线*/
  border-bottom:2px solid rgb(188,18,38);
}

/*首页菜单标题字体*/
.lblMenuCaption
{
  font-size: 14px!important;
  color: dodgerblue;
 /* font-weight: 700!important; */
  background-color: #f8f8fa !important;
  line-height:30px;
  cursor:pointer;
  padding:5px;
}

/*未收藏的菜单图标*/
.lblMenuCaption-lg-n {
    font-style: normal;
    color: dodgerblue;
	cursor:pointer;
}

/*已收藏的菜单图标*/
.lblMenuCaption-lg-y {
    font-style: normal;
    color: rgb(192,0,0);
	cursor:pointer;
}

.lblMenuCaption::before
{
    content: "";
    width: 20px;
    height: 20px;
    float: left;
}



.lblMenuCaption:hover,.lblMenuCaption:focus,.lblMenuCaption:active
{
  font-weight:bold!important;	
  font-size:14px;
  color:white; /*rgb(218,18,38); */
 /* background: url("../images/star.png") no-repeat; */
   background: rgb(0,128,253)!important; 
  /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
  cursor:pointer;
}


/*画线*/
.menuline
{
 border-bottom:1px solid black;
}



/*查询按钮*/
.btnquery
{  
    border:none;
    border-radius: 3px!important;
	background: rgb(0,128,253)!important; 
    /*background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;*/
}



/*按钮的标题字体,颜色*/
.btnquery .x-btn-inner
{
    color: white!important;
}


.btnquery  .x-btn-icon-el {
  color:white!important;
}


.btnquery:hover,.btnquery:focus,.btnquery:active
{  
   font-weight: bold!important;
   background: rgb(0,128,253)!important; 
   border-color: rgb(0,128,253)!important; 
   /*border-color: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;
   background: linear-gradient(90deg, rgba(1,87,255,1) 0%, rgba(160,90,255,1) 100%) !important;  */
  box-shadow: 0 0 5px #0d8bf2;    
}


.fs-btn-success:focus,.fs-btn-success:hover
{
   font-weight: bold!important;	
   background-color:#e2241a!important;
   border-color: #e2241a!important;
}


/*重置按钮*/
.btnreset
{  
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#457eff!important;
   background: white!important;  
}



/*按钮的标题字体,颜色*/
.btnreset .x-btn-inner
{
  color:#457eff!important;
}


.btnreset .x-btn-button
{  
   background: white!important;  
}



.btnreset:hover,.btnreset:focus,.btnreset:active
{    
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#457eff!important;
   background: white!important;  
}



/*选择按钮*/
.btnselect
{  
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#457eff!important;
   background: white!important;  
}



/*按钮的标题字体,颜色*/
.btnselect .x-btn-inner
{
   color:#457eff!important;
}

.btnselect .x-btn-button
{  
   background: white!important;  
}

.btnselect:hover,.btnselect:focus,.btnselect:active
{  
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#457eff!important;
   background: white!important;  
}



/*增加、删除箱按钮*/
.btnaddlist
{  
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#17a1ff!important;
   background: #17a1ff!important;  
}



/*按钮的标题字体,颜色*/
.btnaddlist .x-btn-inner
{
  color:white!important;
}

.btnaddlist .x-btn-button
{  
   background: #17a1ff!important;  
}

.btnaddlist:hover,.btnaddlist:focus
{  
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#17a1ff!important;
   background: #17a1ff!important;  
}


/*增加明细按钮*/
.btnEditList
{   
    border:none;      
    white-space: nowrap;
    text-align:center;
    outline:none;
    border-radius: 4px!important; 
    background: #4e6ef2 !important;
}

/*按钮的标题字体,颜色*/
.btnEditList .x-btn-inner {
    color: white!important;
    font-size:12px !important;
    text-align: center !important;
}

.btnEditList .x-btn-button
{   
    background: #4e6ef2 !important;
}

.btnEditList:hover,.btnEditList:focus,.btnEditList:active
{   border:none;     
    white-space: nowrap;
    text-align:center;
    outline:none;
    border-radius: 4px!important; 
    background: #4e6ef2 !important;
}



/*导航控件的样式*/
.btndbnavigator {
   border: 1px solid transparent!important;
   border-radius: 3px!important;
   border-color:#457eff!important;
   background: transparent!important;  
   cursor:pointer;
}

.btndbnavigator .x-btn-button
{  
   background: transparent!important;  
}

.btndbnavigator .x-btn-inner
{
  color:#457eff!important;
}



.dbnavigatorpanel {
   border: 1px solid #457eff!important;
   border-radius: 0px!important;
}


/*手风琴面板*/
.accordionpanel .x-accordion-hd .x-panel-header-title {
    color: #04408c!important;
    text-align: left;
    font-weight: normal!important;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 16px!important;
    text-transform: none!important;
}

/*面板标题分隔*/
.listpanel .x-panel-header-default{
  /* background: repeat;*/
   background: antiquewhite;
   border-color: antiquewhite;
}

.listpanel .x-panel-header-title-default {
    color: blue;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
}

.listpanel .x-panel-body-default {
   border-color: snow;
   border-style: inset;
}


.tvmenu .x-tree-view .x-grid-item-over {
  background-color: lime;
}


/*树中选中节点*/
.tvmenu .x-grid-item-selected
{
  font-weight: bold!important;
  color:rgb(218,18,38)!important;
  /* background-color: red!important; */
}


.tvmenu .x-grid-cell .x-grid-cell-inner {
    font-size: 16px !important;
    white-space: initial;
}

/*功能清单面板*/
.menupanel .x-panel-header-title-default{
    text-align: center;
    font-size: 20px!important;
    font-weight: bold!important;
    font-family: tahoma, arial, verdana, sans-serif;
    line-height: 20px;
}


/*弹出界面底部面板*/
.editbuttonpanel {
    border:0px solid #000; 
    padding:25px; 
    background:#7ea089; 
    margin:0 auto;
}

/*弹出界面底部面板上按钮*/
.editbutton {
    border-color:#c0d0c5 #9aaa9f #9aaa9f #bfd0c5;
}

.editbutton .x-btn-inner {
    color: rgb(218,18,38)!important;
    font-size:12px !important;
    font-weight: bold!important;
    text-align: center !important;
}


/*按钮不可用时，图标颜色*/
 .x-item-disabled .x-btn-icon-el {
    color: lavender!important;
}


/*竖线分隔符*/
.vertline{
   float:left;
   width: 1px;
   height: 25px; 
   background: #000;
}





/* unidbgrid中已作废行 */
.gridcelldel {
	width: 100%;
	height: 100%;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}

/* unidbgrid中需要特殊标记的单元格*/
.gridcellflag {
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    cursor: default;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    border-width: 0 1px 0 0;
    background-color: #fff !important;
    border-top: 1px solid #ededed;
    font: normal 11px/13px tahoma, arial, verdana, sans-serif;
    vertical-align: middle;
    border-color: #ddd;
    border-style: solid;
    color: #FF0000!important;
    font-style: italic;
    font-weight: bold;
}


/* 受托审批行*/
.delegationrow {
	width: 100%;
	height: 100%;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
    color:OrangeRed;
}


/* unidbgrid中文件显示列，单击可下载 */
.gridcellfile {
	width: 100%;
	height: 100%;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
                color:blue; 
               text-decoration: underline;
               cursor:pointer;
}


/*dbgrid选中颜色，斑马线颜色*/
.x-grid-item-alt {
   background-color: lightcyan!important;   /*rgb(229,255,229)!important;*/
}

.dbgrid .x-grid-item-selected 
{
  background-color:gold!important;
}

/* 通过LayoutConfig设置cls属性 */
.dbgrid .x-grid-cell {
  border-right: 1px dashed #dee2e6;  /* Vue风格的虚线分隔线 */
}


/* 覆盖表头容器样式 */
.unidb-grid__header {
  background-color: #f8f9fa; /* 匹配Vue表格背景色 */
  height: 50px;             /* 匹配行高 */
  border-bottom: 1px solid #dee2e6;
}
 
/* 覆盖表头单元格样式 */
.unidb-grid__header-cell {
  padding: 0 20px;
  font-weight: 500;
  color: #495057;
  text-align: left;
  white-space: nowrap;
}

 
/* 文件上传按钮FileUploadButton */
.fileUploadButton
{
  width:80px;
  border:0;
  height:18px;
  color:#FFF;
  padding-top:2px;
  background-color:green;        
}


/* 圆形图片 */
.circleImg img{
 border-radius:50%;
 cursor:pointer;
}


/* 圆形图片,指针为手形 */
.circleHandImg img{
 border-radius:50%;
 cursor:pointer;
 height: 32px!Important;
 width: 32px!important;
 margin-top: -3px;
 padding-top: 0px;
 padding-bottom: 2px;
 margin-top:5px;
 margin-right:50px;
 margin-left:80px;
/* left: 2px ! Important; */
} 

/*大厅图标logo*/
.imgLogo {
 padding-top: 10px;
 padding-bottom: 2px;
 left: 20px!Important;
}

/*系统标题*/
.menumodule 
{
  font-size:12px;	
}


/*TuniPageControl的tabsheet字体及颜色*/
/*
.x-tab-default .x-tab-inner {
  font-size:14px;
}

.x-tab-default-active .x-tab-inner {
  font-weight:bold;
  font-size:14px;
  background-color:red;
}


.x-tab-default .x-tab-close-btn {
    top: 4px;
    right: 4px;
}
*/



/*首页tab*/
/*
.hometab .x-tab {
 background:deeppink!important;
}

.hometab .x-tab-inner-default {
  color:white!important;
}
*/



/*输入框,只有底部有边框*/
/*
.x-edittext {
  border-radius: 0px !important;
  border-right:none !important;
  border-top:none !important;
  border-left:none !important;
  border-bottom: #000000 2px solid !important;
}
*/


/*TUniDBEdit的FieldLabel默认*/
.x-form-item-label-default {
    font-size:12px;
    font-family:normal 12px/14px tahoma, arial, verdana, sans-serif;
    border-color: #D8D7D7 !important;
	text-align: right;/*标签右对齐*/
	padding-top:6px;
}


/*标签在顶部时一律左对齐*/
.x-form-item-label-top {
    font-size:12px;
    font-family:normal 12px/14px tahoma, arial, verdana, sans-serif;
    border-color: #D8D7D7 !important;
	text-align: left;/*标签右对齐*/
	padding-top:10px; /*让标签重直居中*/	
}


.x-fieldset {
  border:none!important;
}


/*TuniFieldSet的标题字体*/
.x-fieldset-header-default .x-fieldset-header-text {
    font-size:12px;
    font-family:normal 12px/14px tahoma, arial, verdana, sans-serif;
    border-color: #D8D7D7 !important;
}


.unifieldset .x-fieldset-header-default .x-fieldset-header-text {
  display:none; /*不显示标题*/
}

/*unifieldset中控件的上下间距*/
.unifieldset .x-form-item-body {
    padding-top: 5px; /* 设置顶部间距 */
    padding-bottom: 5px; /* 设置底部间距 */	
}


.unifieldset .x-form-item-label-default {
    font-size:12px;
    font-family:normal 12px/14px tahoma, arial, verdana, sans-serif;
    border-color: #D8D7D7 !important;
	text-align: right;/*标签右对齐*/
	padding-top:10px; /*让标签重直居中*/
}


/*TUniCheckBox的Caption默认*/
.x-form-cb-label-default{
    font-size:12px!important;
    Color:green;
}

.x-form-checkbox {
  font-family: FontAwesome;
  font-size: 10px!important;
}


.loginform {
    background-color: white!important;
	-webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: none;
    background-color:  white!important;
	border: none; 
	width: 100%; 
	height: 100%;
}

.loginframe {
    border-width: 0px!important;
    border-style: none!important;
    border-color: none!important;
    border-image: none!important;
    border: none!important;
    Outline: none!important;
	display: block !important;
}


/*登录界面
.x-loginform {
    border-radius: 6px !important;
    border-width: 0px !important;
    border-style: solid !important;
    background-color: white !important;
    box-shadow: initial !important;
}
*/

/*弹出无边框界面
.x-loginform-fullscreen {
    border-radius: 0px 0px 0px 0px !important;
    border-style: none!important;
    border-width: 0px !important;
    background-color: white !important;
}

.login-form-background {
  background-image: url('images/background.jpg');
  background-repeat: no-repeat; 
  background-position: center; 
  background-size: cover; 
  width: 100%; 
  height: 100%; 
}
*/

/*登录页圆角Panel样式*/
.loginpanel {
	font-size:20px!important;
    border-radius: 5px;
    border-width: 0px;
    border-style: solid;
    border: 0px solid #E2E2E2!important;
}

.loginpanel .x-panel-body-default  {
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    background-color: white;  /*#FFF;*/
    border: 0px solid #E2E2E2!important;
    box-shadow: initial; 
}




/*圆角Panel样式*/
.x-circle-pnael   {
    border-radius: 5px;
    border-width: 0px;
    border-style: solid;
    border: 0px solid #E2E2E2 !important;
}

.x-circle-pnael .x-panel-body-default  {
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    background-color: white;  /*#FFF;*/
    border: 0px solid #E2E2E2 !important;
    box-shadow: initial; 
}

/*弹出框底部Panel样式*/
.x-panel-dialog {
    border-radius: 0px;
    border-left: 0px;!important;
    border-top: 1px;solid #99bce8 !important;
    border-right: 0px;!important;
    border-bottom: 0px;!important;
    border-style: solid;
    background: #fff !important;
}

/*标题Panel样式，度边有边框*/
.x-caption-panel {
    border-radius: 0px;
    border-left: 0px;!important;
    border-top: 0px;!important;
    border-right: 0px;!important;
    border-bottom: 1px;solid #99bce8 !important;
    border-style: solid;
    background: #fff !important;
}


/*自定义最大化编辑按钮*/
.x-tool-maxButton {
    background-image: url("images/zoom-icon.png");
}


/*自定义最大化编辑按钮*/
.x-tool-over .x-tool-maxButton {
    background-image: url("images/zoom-icon-over.png");
}


/*自定义关闭按钮*/
/*
.x-tool-close {
    background-image: url("../images/close.png");
}


.x-tool-over .x-tool-close {
    background-image: url("../images/close.png");
}
*/

/*去掉背景图片*/
.x-form-text-default
{
  background-image:none!important;
}

/*Memo设置*/
.x-form-text-default.x-form-textarea {
  font-size:20px!important;
  line-height: 28px!important;
  min-height:  20px!important;
}

/*主界面标题和状态栏面板*/
.x-mainform-titlepanel
{
  padding-left: 0px;
  background-color: #dc3545 !important;
  text-shadow: 2px 2px 3px #222222;
  font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
  margin-bottom: 5px;
  font-size: 12px;
}

/*label粗标题*/
.lblBoldCaption 
{
  font-family: "微软雅黑" , "宋体" , "黑体" ,Arial!important;
  font-size:18px!important;
}

/*阿里云OSS选择及上传文件按钮*/
.ossbtn{
  color: white;
  background-color: orangered;
  border-color: orangered;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  height:35px;
  width:190px;
}
	

a.ossbtn:hover{
  background-color: orangered;
}

/*阿里云OSS上传文件进度*/
.ossprogress{
  margin-top:2px;
  width: 200px;
  height: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

/*阿里云OSS上传文件进度条*/
.progress-bar{
  background-color: rgb(92, 184, 92);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);

  background-size: 40px 40px;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  display: block;
  float: left;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  transition-delay: 0s;
  transition-duration: 0.6s;
  transition-property: width;
  transition-timing-function: ease;
  width: 266.188px;
}

/*必填标签*/
/*html标签中添加类名就可以了：<th class="Required">姓名</th>*/
.requiredlabel .Context:after {
	content: "*";
	color: rgb(218,18,38);
	position: absolute;
	top: 50px;
	left: 6px;
}

/*用于作按钮用的label*/
.label-button {
    background: white!important;
    color: blue!important;
    font-size: 20px!important;
    font-weight: bold!important;
   /* height: 18px!important;*/
   /* text-decoration: underline;*/
}

.label-button .x-abs-layout-item  {
    font-size: 20px !important;
  /*  border-radius: 0px!important; */ /*默认不是圆角*/
}


/*单据头用于区分的label*/
.label-bill-header {
    background: white!important;
    color: blue!important;
    font-size: 12px!important;
    font-weight: bold!important;
    height: 18px!important;
   /* text-decoration: underline;*/
}

.label-bill-header .x-abs-layout-item  {
    font-size: 12px !important;
  /*  border-radius: 0px!important; */ /*默认不是圆角*/
}

/*单据头上各分类Panel*/
.panel-bill-header {
    border-width:0px!important;
}

.panel-bill-header .x-panel-body-default {
    border-top-style: groove;
    border-top-color: greenyellow;
    border-right-style:hidden;
    border-bottom-style:hidden;
    border-left-style:hidden;
}

.x-form-trigger-font-btn {
    padding-top: 0;
}

.fa, .fas, .far, .fal, .fab 
{
    display: table-cell;
}


/*
.x-form-trigger-default 
{
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width: 0px !important;	
}

.x-form-search-trigger
{
  background-image: url(../images/search.png) !important;
  background-size: 12px 12px !important;
  background-repeat: no-repeat !important;
  background-position: center center; 
  background-color: rgba(255, 255, 255, 0.5); 
}

.x-form-trigger:active 
{
  background-image: url(../images/search.png) !important;
  background-size: 12px 12px !important;
  background-repeat: no-repeat !important;
  background-position: center center; 
  border-color:red!important;
}

.x-form-trigger-default.x-form-trigger-over 
{
	background-position:0px;
	border:0 0 0 0 px;
}
*/

.uni-custom-upload .fa4-cloud-upload, .uni-custom-upload .fa4-cloud-download  {
    background-image: none !important;
    vertical-align: middle !important;
    line-height: normal !important;
    margin-top: 0 !important;
    
    /* 新增边框样式 */
    border: 1px solid #d0d0d0 !important;
    padding: 2px 4px !important;          /* 内边距同步放大 */
    transition: all 0.3s ease !important;
    
    align-items: center !important;       /* 垂直居中 */
    justify-content: center !important;   /* 水平居中 */
    
    /* 悬停状态效果 */
    &:hover {
        border-color: #a0a0a0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    }
    
    /* 点击状态效果 */
    &:active {
        border-color: #808080 !important;
        background-color: #f5f5f5 !important;
    }
}



/*带按钮的numberedit*/
.buttonnumberedit  .x-form-trigger-spinner {
 display:none;
}

.buttonnumberedit  .x-form-trigger-default {
   width: 17px;
   position: inherit;
   vertical-align: middle;
   background: 0 0 transparent no-repeat;
   color: coral;
}

/*表格选中行特殊颜色*/
.grid-selected-row .x-grid-cell {
    background-color: #B299CC !important;
}

.grid-selected-row .x-grid-cell-selected  {
    background-color: greenyellow !important;
}


/*pagecontrol不显示边框*/
.pagecontrol .x-panel-body  {
    border-left: none;
	border-bottom:none; 
}

.pagecontrolex .x-panel-body  {
    border-left: 1px solid;
	border-bottom:1px solid; 
}

.pagecontrol .x-tab-bar-default-top {
    border: none;
}

/*去掉按下去时的虚框*/
.x-tab-button:before {
  border:none!important;
  outline:none!important;
}

/*去掉按下去时的背景色*/
.x-tab-button:active {
  background-color:white!important;	
  background: white!important; 
  background-image:none!important; 
  border:none!important;
}

/*去掉按下去时的外框背景色*/
.x-tab-default-top:active {
  background-color:white!important;	
  background: white!important; 
  background-image:none!important; 
  border:none!important;	
}


/*减少列头高度*/
.x-column-header-default{
background: transparent; 
/*border-bottom: 1px solid #d0d0d0;*/
background-color: beige;
/*background-color: #f8f9fa;*/ /* 匹配Vue表格背景色 */
 border-bottom: 1px solid #dee2e6;
}

.x-column-header-text-inner {
 font-size: 12px;
}

/*表格Title*/
.x-title-text {
 font-size: 12px;
} 

.x-group-sub-header{
background: transparent;
}

/* 统一UniDBGrid的列头字体 */
.x-column-header-text{
  color:#495057!important;
  font:caption!important;   /*字体*/
  font-size: 12px !important;  /*字体大小*/
  text-align: center !important;    /*水平居中*/
  padding: 0px 0px 1px 0px;
}

.x-column-header-text:hover {
 color:rgb(192,0,0)!important;
 font-weight: bold!important;
 align-items: center!important; /* 垂直居中对齐子项目 */
 background:transparent!important;
}

.x-column-header:hover {
 background:white!important;
}


/* 统一UniTreeView,UniDBGrid的行字体 */
.x-grid .x-grid-cell .x-grid-cell-inner{
    font-size: 12px !important; /*字体大小*/
    white-space: initial;
}

/*unidbGrid行竖向居中*/
.x-grid .x-grid-td {
   vertical-align: middle;
 /*  line-height: normal;*/
}

/*unidbGrid的分组标题*/
.x-grid-group-title{
    font-size: 12px !important; /*字体大小*/
    white-space: initial;
}


.x-grid-item
 {
  font-size:11px  !important
 }
 
 

.x-grid-cell {
    padding: 0px; /* 内边距设置为0px */
    white-space: normal; /* 允许自动换行 */
    word-wrap: break-word; 
   vertical-align: middle;
}
 
 
.x-grid-cell-inner {
   padding: 0px; /* 内边距设置为8px */
   line-height: 1.8; /* 行高设为1.5倍的字体大小 */
   align-items: center !important;
 
 
}   
 
 
/* 鼠标悬停行样式 */
.x-grid-row:hover {
    background-color: #f1f1f1;
}                   
 
.x-grid-item-focused .x-grid-cell-inner:before {
   border: none !important;
   line-height: 1.8; /* 行高设为1.5倍的字体大小 */
}




/*主页面pagecontrol.mainpagecontrol */
.x-tab-button {
  Color:black;
  text-align: left;
  font-size: 10px !important;
  padding-right:20px!important;
  width: fit-content;
  border-right:0.5px solid #99bce8;  /*右边框画线*/
}

/* 表格标题栏顶部加上横线
.x-box-inner
{
  border-bottom: 1px solid #99bce8;
}
*/


.x-tab-default .x-tab-close-btn {
    top: 2px!important;
    right: 10px!important;
    width: 11px!important;
    height: 11px!important;
	background: none;
   /* background: url(../images/close-2.png); */
    opacity: 0.6; 
}


.x-tab-default-top {
  border: none!important;
  background: white;
  background-image:none!important;   
}

.x-tab-bar-default-top 
{
  border: none!important;
  background: white;
  background-image:none!important; 	
}

.x-tab-bar-strip-default 
{
  background-color:white!important;	
  border: none!important;
  background: white;
  background-image:none!important; 	  
}

.x-tab.x-tab-active.x-tab-default-top, .x-tab.x-tab-active.x-tab-default-left, .x-tab.x-tab-active.x-tab-default-right  
{
  background-color:white!important;  
  background-image:none!important; 
  border:none!important;  
}



/*tab处于活动时*/
/*
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: rgb(218,18,38);
    font-size: 15px !important;
}


.x-tab-inner-default {
    font: bold 12px/15px tahoma, arial, verdana, sans-serif;
    color: #416da3;
    max-width: 100%;
}
*/


.x-tab.x-tab-active.x-tab-default .x-tab-inner-default 
{
  color: rgb(192,0,0);	
  font-size: 10px !important;
  border-bottom:2px solid rgb(192,0,0);  /*底部线条*/
}

.x-tab.x-tab-default:hover
{
  background: none;
}

.x-tab-inner-default:hover
{
  color: rgb(192,0,0);
}



.x-tab.x-tab-active.x-tab-default .x-tab-close-btn 
{
  background: url(../images/close-2.png); /*激活时显示关闭按钮*/	
}

.x-tab-default .x-tab-close-btn:hover
{
  background: url(../images/close-2.png); /*激活时显示关闭按钮*/	
}



/*登录页面*/
.loginpagecontrol .x-tab-button {
  text-align: center;
  font-size: 12px !important;
  width:120px;
  border-right:none;  
}

.loginpagecontrol .x-panel-body  {
    border: none!important;
}


.loginpagecontrol .x-tab-default-top {
  border: none!important;
  background: white;
  background-image:none!important;   
}

.loginpagecontrol .x-tab-bar-default-top {
  border: none!important;
  background: white;
  background-image:none!important; 	
}

.loginpagecontrol .x-tab-bar-strip-default {
  background-color:white!important;	
  border: none!important;
  background: white;
  background-image:none!important; 	  
}

.loginpagecontrol .x-tab-inner-default {
  font-size: 15px !important;
  height:30px;
  padding:6px;  
}


.loginpagecontrol .x-tab.x-tab-active.x-tab-default-top, .x-tab.x-tab-active.x-tab-default-left, .x-tab.x-tab-active.x-tab-default-right  {
  background-color:white!important;  
  background-image:none!important; 
  border:none!important;  
}

.loginpagecontrol .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
  color: rgb(192,0,0);	
  font-size: 15px !important;
  height:30px;
  padding:6px;  
  border-bottom:2px solid rgb(192,0,0); /*底部线条*/
}




/*不显示PDF左边页列表*/
#outerContainer.sidebarMoving > #sidebarContainer,
#outerContainer.sidebarOpen > #sidebarContainer {
   visibility: false;  !important;
}

.listtitle .x-form-text-default {
  border-width: 0px!important;
  background-color: transparent!important;
}


.swal2-icon.swal2-question {
    color: mediumvioletred!important;
    border-color: mediumvioletred!important;
}

.fa-lg {
    font-style: normal;
}

/*图片标签*/
.label-image {
  width: 16px; /* 设置元素的宽度 */
  height: 16px; /* 设置元素的高度 */
  background-image: url('../image/arrow-left.png'); /* 设置背景图片 */
  background-size: cover; /* 背景图片覆盖整个元素 */
  background-position: center; /* 背景图片居中 */
  background-repeat: no-repeat; /* 背景图片不重复 */
}

.memo .x-panel-header 
{
  border: none;
}

.btndbnavigator .x-btn-icon-el
{
  color: darkgreen;
}

/*弹出选择框*/
.x-popup-form {
    border-radius: 6px !important;
    border-width: 0px !important;
    border-style: solid !important;
    background-color: white !important;
    /*border: 0px solid #E2E2E2 !important;*/
    box-shadow: initial !important;
}


/*不显示PDF左边页列表*/
#outerContainer.sidebarMoving > #sidebarContainer,
#outerContainer.sidebarOpen > #sidebarContainer {
   visibility: false;  !important;
}

/*菜单展示界面标题面板*/
.menutitlepanel  {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:outset; 
  border-left-style:none;
}



/*弹出选择框*/
.menuform {
    border-radius: 0px !important;
    border-width: 0px !important;
    border-style: solid !important;
    background-color: white !important;
    border: 0px solid #E2E2E2!important;
    box-shadow: initial!important;
}


/*项目数*/
.projectnumber {
   font-size:36px!important;
   font-weight: bold!important;
   top: 40%!important;
   left: 28%!important;   
}

.projectpanel {
    display: flex!important; /* 创建Flex容器 */
    justify-content: center!important; /* 水平居中对齐子项目 */
    align-items: center!important; /* 垂直居中对齐子项目 */
}

.mobilecheckitem .x-label-el {
  color:green!important;
  font-size:12px!important;
  width: auto!important;
}

.unimeditbutton .x-icon-el 
{
 display:none;
 font-size: 24px; /* 设置图标的初始大小 */
 transition: transform 0.3s; /* 添加放大效果的过渡动画 */
 }
 
.unimeditbutton .x-trigger 
{ 
  font-size: 24px; /* 设置图标的初始大小 */
  transition: transform 0.3s; /* 添加放大效果的过渡动画 */
}

.mobilefieldset .x-form-fieldset-body-el  {
 border: none;	
 font-size:12px;
 margin-top:10px;
}

.mobilefieldset .x-form-fieldset-title {
 font-size:18px!important;	
 font-weight: bold!important;
 color: rgb(218,18,38)!important;
}


/*unim下控件高度和字体大小*/
.x-field.x-body-align-stretch > * > .x-body-el {
 height:24px;
 font-size:12px;
}

/*unim下控件label改为右对齐*/
.x-field.x-label-text-align-left > .x-label-el {
 text-align: right;	
 padding: 4px 0px;
 margin-right:15px;
}

/*unimScrollBox*/
.unimscrollboxedit {
  height: 40px;
  width: 70%!important;
}

.unimscrollboxverifycode {
  height: 40px;
  width: 70%!important;
}

.unimscrollboxverifycode .x-icon-el 
{
 display:none;
 font-size: 24px; /* 设置图标的初始大小 */
 transition: transform 0.3s; /* 添加放大效果的过渡动画 */
 }
 
.unimscrollboxverifycode .x-trigger 
{ 
  font-size: 24px; /* 设置图标的初始大小 */
  transition: transform 0.3s; /* 添加放大效果的过渡动画 */
}


/*unim下控件内框顶部位置*/
.x-textfield .x-input-el {
 padding-top: 3px!important;
}


.x-field:not(.x-field-solo).x-layout-auto-item, .x-field:not(.x-field-solo).x-layout-vbox-item {
  margin-top: 30px;
  padding-bottom: 5px;
  width:90%;
}


/*将自定义图标的输入框高度重新设置为40，以免被统一的css影响*/
.unimuseredit .x-body-el{
  height:40px!important;
}

.unimuseredit .x-input-el{
 padding-top:10px!important;
}


.x-checkboxfield .x-input-el {
  opacity: 1;
}

.x-mask .x-mask-message {
  top:40px;
}


/*按件高度强制为22px*/
.x-form-text-heighted {
    height: 22px;
}

/*移动端审批输入框*/
.approvememo .x-body-el {
  height:auto!important;
}


/* bootstrap风格*/
.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-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-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;
 }
 
 
 .x-grid-row-expander {
    cursor: pointer;
    color: #2B6CDE;
}

.x-action-col-icon 
{
 color: rgb(192, 0, 0)!important;
 background: white!important;		
}

.calendar-holiday {
  font-size: 0.8em;
  color: red;
  vertical-align: super;
}


/*面板折叠/展开*/
.lblpanelarrow {
    font-size: 16px !important;
    left: 95%!important;
    top: 5%!important;
    text-align: center;
    color:darkmagenta!important;
    width: 3%;
    transform: translate(-50%, -50%)!Important;
    z-index: 2!Important;
    cursor: pointer!important;
}

/* 单元格内容垂直居中 */
.x-grid-cell { 
  vertical-align: middle; 
}  
 

/* 紧凑布局 */
.x-grid-cell-inner { 
  padding: 2px; margin: 0; 
} 


/*选中行高亮*//* 覆盖默认蓝色选中效果 */
.x-grid-item-selected .x-grid-cell { 
    background-color: #FFDDDD!important; 
    color: #333!important;
}  

/* 类似Vue的浮动表头效果 */
.x-grid-header-ct { 
    position: sticky; 
    top: 0; 
    background: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
}  


/* 行悬停反馈 */
.x-grid-item:hover .x-grid-cell { 
    background-color: #e9ecef; 
    cursor: pointer; 
}  


/* 小屏隐藏表头文字 */
@media (max-width: 768px) {
  .x-grid-cell { font-size: 10px; }
  .x-grid-header-text { display: none; }  
}


/* 表格字段标签 */
.tag-style {
    /*display: inline-block;*/
    /*padding: 1px 2px;*/
    background-color: #007bff!important;
    color: white;
    border-radius: 15px;
    font-size: 0.8em!important;
	animation: pulse 0.5s;                /* 脉冲动画 */
    /*margin: 2px;*/
	/*width:80px!important;*/
}
@keyframes pulse { 0% { opacity: 0.8; } 100% { opacity: 1; } }

/* 统一pressed状态样式 */
.tag-style.x-grid-cell-inner {
    background-color: #007bff!important;
    color: white;
    border-radius: 15px;
    font-size: 0.8em!important;
}

 
/* 标题样式 */
.account-title {
    color: #2c3e50;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px dashed #ced4da;
}
 
 
/* 标签样式 */
.info-label {
    color: #6c757d;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
 
/* 内容样式 */
.info-value {
    font-family: 'Courier New', monospace;
    font-size: 1.1rem;
    color: #2c3e50;
    background: rgba(255,255,255,0.9);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    position: relative;
    transition: all 0.2s ease;
}
 
/* 交互效果 */
.info-value:hover {
    background: white;
    box-shadow: 0 2px 8px rgba(0,123,255,0.15);
    transform: translateY(-1px);
    cursor: copy;
}
 
/* 复制提示 */
.info-value::after {
    content: "点击复制";
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #6c757d;
    opacity: 0;
    transition: opacity 0.3s ease;
}
 
.info-value:hover::after {
    opacity: 1;
}

 
/* 响应式设计 */
@media (max-width: 768px) {
    .account-info-row {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    .info-label {
        font-size: 0.8rem;
    }
    
    .info-value {
        font-size: 1rem;
    }
}


 /*
 bootstrap风格
使用方法：
拖出unibitbtn unibutton unispeedbutton
然后 layoutconfig->componentcls里设置
bbtn-bt-blue （蓝色按钮）
bbtn-bt-green（绿色按钮）
bbtn-bt-cyan（青色按钮）
bbtn-bt-orange（橙色按钮）
bbtn-bt-red（红色按钮）
*/