/* =========================================================================================================== */
/* ======================================================公用区=============================================== */
/* =========================================================================================================== */
body { 
    line-height: 22px; 
}

html,body {
  height: 100%;
  width:  100%;
  font-size: 16px; 
  background-color: transparent;
} 

*,body,input,select,textarea {
  font-family: "Helvetica Neue",Helvetica,PingFangSC-Regular,"PingFang SC","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  background-color: transparent; 
  -webkit-user-select: text;   
  -moz-user-select: text;    
  -ms-user-select: text;    
  user-select: text;
}  

input:disabled, textarea:disabled,select:disabled {
  -webkit-text-fill-color: #111;
  -webkit-opacity: 1;
  color: #111;   
  pointer-events: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,select::-webkit-input-placeholder {
  -webkit-text-fill-color: #ccc; 
  color: #ccc;   
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,select,p,blockquote,th,td {   
  margin:0; 
  padding:0; 
}

/* 主页面 */
#app{
  position: relative;
}

#app *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 禁用 */
.kdmDisable{ 
  border: none !important;
  vertical-align: middle;
}
 /* 必填*号 */
.kdm-icon-must{
  padding: 0 2px;
  color: red;
  -webkit-text-fill-color: red;
  vertical-align: middle;
  font-style: normal;
}

/* 盒子内垂直居中 */
.kdm-inline-vertical-middle{ 
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
} 
.kdm-inline-vertical-middle.kdm-justify-content-start{
  justify-content: flex-start;
}
.kdm-inline-vertical-middle.kdm-flex-direction-row{
  flex-direction: row;
}  
/* v 下箭头 */
.kdm-icon-arrowdown{
  position: relative;
} 
.kdm-icon-arrowdown:before
{
  pointer-events: none;
  font-family: Muiicons; 
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
  -webkit-font-smoothing: antialiased;
  right: 0px; 
  content: '\e581'; 
  color: rgba(170, 170, 170, .6);
  -webkit-text-fill-color: rgba(170, 170, 170, .6);
  font-size: 18px;
} 
/* > 独立元素的下箭头*/ 
.kdm-independent-arrowdown{
  position: absolute;
  right: 0px;
  height: 30px;
  display: flex;
  line-height: 30px;
  width: 40px;
  padding-left: 22px;
}   
.kdm-independent-arrowdown:before
{
  font-family: Muiicons;
  right: 0px;
  content: '\e581';
  color: rgba(170, 170, 170, .6);
  -webkit-text-fill-color: rgba(170, 170, 170, .6);
  font-size: 18px;
  align-items: center;
}

/* > 右箭头 */
.kdm-icon-arrowright{
  position: relative;
} 
.kdm-icon-arrowright:before
{
  pointer-events: none;
  font-family: Muiicons; 
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
  -webkit-font-smoothing: antialiased;
  right: 0px; 
  content: '\e583'; 
  color: rgba(170, 170, 170, .6); 
  -webkit-text-fill-color: rgba(170, 170, 170, .6);
  font-size: 18px;
}

/* > 独立元素的右箭头*/  
.kdm-independent-arrowright{
  position: absolute;
  right: 0px;
  height: 30px;
  display: flex;
  line-height: 30px;
  width: 40px;
  padding-left: 22px;
} 
.kdm-independent-arrowright:before
{
  font-family: Muiicons;
  right: 0px;
  content: '\e583';
  color: rgba(170, 170, 170, .6);
  -webkit-text-fill-color: rgba(170, 170, 170, .6);
  font-size: 18px;
  align-items: center;
}

/* 去掉列表边线 */
.mui-table-view-cell.kdm-table-none-line{
  padding: 0px 0px;
}
.mui-table-view-cell.kdm-table-none-line:after{ 
  left: 0px;
  height: 0px;
  content: '';
  -webkit-transform: none;
  transform: none ;
  background-color: none;
} 

/* 附件上传图标 */
.kdm-file-upload{
  height: 78px;
  width: 78px;
  float: left;
  border: dashed 1px #B6B5B5;
  box-sizing: border-box;
  display: -webkit-box;
  /* padding-top: 15px; */
  text-align: center; 
  margin: 0px 2.9% 4% 0px;
  border-radius: 10px;
  color: rgba(0,0,0,0.3);
  -webkit-box-pack: center;
}
/* 附件上传图标颜色  */
.kdm-file-upload .mui-icon-camera:before { 
    color: #B6B5B5;
}
/* 附件上传描述文字 */
.kdm-file-upload-text{
  font-size: 8px;
  width: 78px;
  display: inline-block;
  color: #B6B5B5;
  margin-top: 8px;
}
/* 附件数据项 */
.kdm-file-item{
  /* overflow:hidden; */
  position: relative;
  height: 78px;
  width: 78px;
  float: left;
  margin: 0px 2.9% 4% 0px;
  border-radius: 6px;
  background-color: rgba(152, 161, 168, 0.1);
}  
/*缩略图*/
.kdm-file-thumb{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
  vertical-align: middle;
}
/* 附件是文件时显示文件名 */
.kdm-file-item.is-file:after { 
  font-size: 10px;
  content: attr(data-file-name);
  position:relative;
  display: inline-block;
  text-align: left;
  color: rgba(0,0,0,0.3); 
  top: -5px;
  width: 100%; 
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  text-align: center; 
} 
/* 附件上传文件删除图标 */
.kdm-file-delete{
  width: 22px; 
  height:22px;
  right: -5px;
  top: -5px;
  display: inline-block;
  position:absolute; 
  background-size:20px 20px;
  -moz-background-size:20px 20px;  
  background-repeat:no-repeat;
  border: 1px solid rgba(185,199,210,1);
  border-radius: 100%;
  z-index: 99;
}
/* 附件上传文件进度显示 */
.kdm-file-progress{
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background-color:rgba(0,0,0,0.4);
  }
/* .kdm-file-item:after{ 
    font-family: Muiicons;
    font-size: 25px;
    position: relative;
    display: inline-block; 
    content: '\e404';
    color: rgba(170, 170, 170, 1);
    top: -95px;
    right: -65px;
    font-weight: bolder;
} */
.kdm-border-radius{
  border: solid 1px #ccc;
  border-radius: 3px;
}

.kdm-abs-position{
  position: absolute; 
} 

.kdm-gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
/* =========================================================================================================== */
/* ======================================================控件区=============================================== */
/* =========================================================================================================== */
 /**** 控件kdForm ****/
.kdForm{
  /* overflow: auto;*/
  -webkit-overflow-scrolling:touch; /* 解决ios滑动不流畅问题 */
  background-color: #efeff4;
} 
.kdForm .kdm-form-content{
  background-color: #ffffff;
}
.kdForm .kdm-form-refresh-top{
  position:absolute; 
  top: 0px;
  height:100px;
  line-height:50px;
  width:100%;
  text-align:center;
  visibility: hidden;
}
.kdForm .kdm-form-refresh-top.visible{
  visibility: visible;
}
.kdForm .kdm-form-refresh-top .tip,
.kdForm .kdm-form-refresh-top .pulldown{
    display: inline-block;
}
.kdForm .kdm-form-refresh-top .pulldown:before {
  font-family: Muiicons;
  content: '\e588';
}
.kdForm .kdm-form-refresh-top .pulldown.conver {
  transition: -webkit-transform 0.3s ease-in 0s;
  transform: rotate(180deg);
}
.kdForm .kdm-mktip {
  display: flex;
  justify-content: space-between;
  background: rgb(242,242,242);
  padding: 5px 10px;
  font-size: 14px;
}
.kdForm .kdm-mktip .left{
  color: #666666;
}
.kdForm .kdm-mktip .right{
  color: #276FF5;
}
.kdForm .kdm-mktip .right.mkclose::after {
  font-family: Muiicons;
  content: '\e460';
  font-size: 26px;
  color: #666666;
}
.kdFormFixedBar{
  /* 固定隐藏层，用于激活浮标功能 */
  position: absolute; 
  right: 0px;  
  bottom: 50px;  
  width: 30px;  
  height: 50px; 
  z-index: 99;
}
.kdFormFloatBar{
  /* 浮球样式 */
  background: url(images/floatbar.png) center no-repeat;
  background-size: contain;  
  position: absolute; 
  right: 0px;
  bottom: 50px; 
  width: 50px; 
  height: 50px; 
  z-index: 99; 
}
 /**** 控件kdflowlayoutpanel ****/
.kdflowlayoutpanel{
 
} 

.kdflowlayoutpanel label,
.kdflowlayoutpanel input{
  overflow: hidden;
  text-overflow: ellipsis; 
  display: block;
  /* white-space: nowrap; */
}
.kdm-flowlayout-horizontal {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
} 
.kdm-flowlayout-vertical { 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-y: auto;
  overflow-x: hidden;
}
 
/**** 输入框浏览时基本样式****/
.kdm-field-view{ 
  overflow: hidden;
  display: -webkit-box;
  white-space: nowrap;    
  -webkit-box-align: center;
  -webkit-user-select: text;   
  -moz-user-select: text;    
  -ms-user-select: text;    
  user-select: text;
  /*解决IOS中流式布局横向布局第一次加载白屏，显示不了内容*/
  transform: translate3d(0,0,0);
}
.kdm-field-view.wrap{
  white-space: normal;
} 
.kdm-field-view.pre-line{
  white-space: pre-line;
  word-break: break-all;
  word-wrap: break-word;
} 
.kdm-field-view .content{
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
/**** 控件kditemcontainer ****/
.kditemcontainer{
  position: relative;
 display: -webkit-box;  
  padding-left: 0px; 
 /*-webkit-box-align: center;*/
} 
/* 输入框编辑时基本样式 */
.kditemcontainer .kdm-box-center{
  display: -webkit-box;  
  -webkit-box-align: center;
}
.kditemcontainer input[type=color], .kditemcontainer input[type=date], .kditemcontainer input[type=datetime-local],
.kditemcontainer input[type=datetime], .kditemcontainer input[type=email], .kditemcontainer input[type=month], .kditemcontainer input[type=number], 
.kditemcontainer input[type=password], .kditemcontainer input[type=search], .kditemcontainer input[type=tel], .kditemcontainer input[type=text], 
.kditemcontainer input[type=time], .kditemcontainer input[type=url], .kditemcontainer input[type=week],.kditemcontainer  select, .kditemcontainer textarea {
    background-color: transparent;
}  
.kditemcontainer input:not([type=checkbox]), 
.kditemcontainer select, 
.kditemcontainer textarea{
    margin-bottom: 0;
    padding: 0px 0px;   
    background-color: transparent;
}
/* .kditemcontainer label~div { 
    margin-bottom: 0;
    padding: 5px 0px; 
    padding-right: 5px;  
}  */
.kditemcontainer .kdm-mui-select select { 
    margin-bottom: 0;
    padding: 0px 0px;  
    font-size:inherit;
    /* padding-left: 5px;  */
    width: 100%; 
    background-color: transparent;
} 
/* 输入框前面的标签基本样式 */
.kditemcontainer .kdm-field-lbl{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  margin: 0;
  vertical-align: middle;
  padding: 0px 0px;
}

/* 开关样式 */
.mui-checkbox .mui-switch {
  width:40px;
  height:23px;
}
.mui-checkbox .mui-switch-handle {
  width:20px;
  height:20px
}
/* 复选框下划线基本样式 */
.mui-checkbox hr.split {
  position: absolute;
  left: 0px;
  height: 1px;
  margin: 0px;
  background-color: rgba(230, 232, 238, 1);
  border-style: none;
}
.kdmobattach {
  position: relative;
}
/* 单据附件下划线基本样式 */
.kdmobattach hr.split {
  position: absolute;
  left: 0px;
  height: 1px;
  margin: 0px;
  background-color:rgba(230, 232, 238, 1);
  border-style: none;
}
/* 输入框下划线基本样式 */
.kditemcontainer hr.split {
  position: absolute;
  left: 0px;
  height: 1px;
  margin: 0px;
  background-color:rgba(230, 232, 238, 1);
  border-style: none;
}
/* 为箭头预留位置 */
.kditemcontainer .kdm-field-ipt.arrow{ 
    padding-right: 20px;
}
.kditemcontainer.kdm-borderstyle-underline textarea, 
.kditemcontainer.kdm-borderstyle-underline input:not([type=checkbox]), 
.kditemcontainer.kdm-borderstyle-underline select, 
.kditemcontainer.kdm-borderstyle-underline .kdm-mui-select, 
.kdm-borderstyle-underline div.ui-btn { 
  border-width: 0px 0px 1px 0px;
  border-bottom-style: solid;
  border-color: #CFCFCF;
  border-radius: 0px;
} 
.kditemcontainer.kdm-borderstyle-roundrect textarea,
.kditemcontainer.kdm-borderstyle-roundrect input:not([type=checkbox]),
.kditemcontainer.kdm-borderstyle-roundrect select,
.kditemcontainer.kdm-borderstyle-roundrect .kdm-mui-select, 
.kdm-borderstyle-roundrect div.ui-btn {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: #CFCFCF;
}
.kditemcontainer.kdm-borderstyle-none textarea,
.kditemcontainer.kdm-borderstyle-none input,
.kditemcontainer.kdm-borderstyle-none select,
.kditemcontainer.kdm-borderstyle-none .kdm-mui-select, 
.kdm-borderstyle-none div.ui-btn {
  border-width: 0px;
  border-style: none; 
} 
/* 编辑状态页面下的禁用标签颜色和禁用输入框颜色 */
.bill-edit .mui-checkbox.field-view .kdm-field-lbl,
.bill-view .kdmobattach .kdm-field-lbl,
.bill-edit .kditemcontainer.field-view .kdm-field-lbl,
.bill-edit .kditemcontainer.field-view .kdm-field-ipt {
  color: #999;
}
/* 查看状态页面下的标签颜色与编辑状态页面下的输入框颜色 */
.bill-view .kdmobattach .kdm-field-lbl,
.bill-view .mui-checkbox .kdm-field-lbl,
.bill-view .kditemcontainer .kdm-field-lbl,
.bill-edit .kditemcontainer .kdm-field-ipt{
  color: #666;
}
/* 输入框编辑时基本样式 */
.kditemcontainer .kdm-field-ipt{ 
 
} 
/* 查看状态页面下的输入框颜色、查看状态页面下的特殊div标签颜色、编辑状态页面下的标签颜色 */
.bill-view .kditemcontainer .kdm-field-ipt,
.bill-view .kditemcontainer .kdm-field-view,
.bill-edit .kditemcontainer .kdm-field-lbl
{ 
  color: #212121;
} 
/**** 控件kdmobilelistview、kdmobileentry ****/
.kdmobilelistview,
.kdmobileentry{
   background-color: inherit;
}
.kdmobilelistview .kdm-list-row-col,
.kdmobileentry .kdm-list-row-col{
  display: flex;
  width: 100%;
}
/* 搜索容器 */
.kdmobilelistview .search-wraper{
  height:54px;
  display: -webkit-box;
  -webkit-box-pack: justify;
  padding: 10px 16px;
}
.kdmobilelistview .mui-search .mui-placeholder,
.kdsearchfield .mui-search .mui-placeholder
{
  left: 5px;
  text-align: left;
}
.kdsearchfield .mui-search .mui-placeholder
{
  line-height: var(--ctrl-height);
  height: var(--ctrl-height);
}
/* 快捷搜索 */
.kdmobilelistview .search-wraper .qk-search{
  -webkit-box-flex: 1;
}
/* 扫描搜索/高级搜索 */
.kdmobilelistview .search-wraper .ico-search{
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  width: 32px;
}
.kdmobilelistview .search-wraper .ico-search span{ 
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;  
  width: 20px;
  height: 20px;
  display: block;
} 
/* 扫描搜索 */
.kdmobilelistview .search-wraper .ico-search .scan{ 
  background-image:url(images/scan.png);
}
/* 高级搜索 */
.kdmobilelistview .search-wraper .ico-search .filter{ 
  background-image: url(images/filter.png);
}
/*列表选择数量及全选*/
.kdmobilelistview .kdm-list-select-state{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0px 17px 10px 16px;
    font-size: 14px;
}
.kdmobilelistview .kdm-list-select-state.no-search{
    padding-top: 10px;
}
.kdmobilelistview .kdm-list-select-state .selected{
  display: flex;
  align-items: center;
  color: #666666; 
}
.kdmobilelistview .kdm-list-select-state .selected-num{
  color: #4598F0;
}
.kdmobilelistview .kdm-list-select-state .select-all{
  display: flex;
  align-items: center;
  color: #666666;
}
.kdmobilelistview .kdm-list-select-state .select-all .select-all-chk{
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--list-chk-width);
}
/*列表行*/
.kdmobilelistview .kdm-list-row,
.kdmobileentry .kdm-list-row{
   padding-left: var(--listview-padding-LR);
}
/*列表行灰白间隔*/
.kdmobilelistview .kdm-list-row.split-background:nth-child(odd),
.kdmobileentry .kdm-list-row.split-background:nth-child(odd)  {
    background-color: transparent;
}
.kdmobilelistview .kdm-list-row.split-background:nth-child(even),
.kdmobileentry .kdm-list-row.split-background:nth-child(even) {
    background-color:rgb(237, 240, 245);
}
/*列表行分割线*/
.kdmobilelistview .kdm-list-row.split-line,
.kdmobileentry .kdm-list-row.split-line  {
    background-color:transparent;
}
.kdmobilelistview .kdm-list-row.split-line::after,
.kdmobileentry .kdm-list-row.split-line::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: var(--listview-padding-LR);
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E5E5E5;
}
/*列表中复选框的位移*/
.kdmobilelistview .mui-checkbox input[type=checkbox], 
.kdmobilelistview .mui-radio input[type=radio] {
    right: 0px; 
}
/*列表中带下箭头、右箭头的控件自动去掉*/
.kdmobilelistview .kdm-icon-arrowdown:before, 
.kdmobilelistview .kdm-icon-arrowright:before
{
  /* content: ''; */ 
} 
/*控件kdmobilelistview、kdmobileentry 拖动区域的上下边线透明 */
.kdmobilelistview .mui-table-view:before,
.kdmobilelistview .mui-table-view:after,
.kdmobileentry .mui-table-view:before,
.kdmobileentry .mui-table-view:after{
  background-color: transparent;
} 
/*列表菜单*/
.kdmobilelistview .kdm-listmenu, 
.kdmobileentry .kdm-listmenu
{
  height: 40px;
  background: #F8F8F7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
} 
/*列表菜单区域 左边*/
.kdmobilelistview .kdm-listmenu .left, 
.kdmobileentry .kdm-listmenu .left
{ 
  font-size: 12px;
  font-weight: 400;
  color: #999999; 
}
.kdmobilelistview .kdm-listmenu .right, 
.kdmobileentry .kdm-listmenu .right
{  
  display: flex;
  align-items: center;
}
/*列表菜单区域 右边*/
.kdmobilelistview .kdm-listmenu .menu, 
.kdmobileentry .kdm-listmenu .menu
{   
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px; 
} 
.kdmobilelistview .kdm-listmenu .menu-line:not(:last-child), 
.kdmobileentry .kdm-listmenu .menu-line:not(:last-child)
{    
  background-color: #D8D8D8;
  width: 1px;
  height: 14px;
}
/*列表菜单区域 右边*/
.kdmobilelistview .kdm-listmenu .menu-text, 
.kdmobileentry .kdm-listmenu .menu-text
{  
  font-size: 14px; 
  font-weight: 400;
  margin-left:8px; 
} 
/*列表菜单区域 右边*/
.kdmobilelistview .kdm-listmenu .menu-image, 
.kdmobileentry .kdm-listmenu .menu-image
{  
   width: 16px;
   height: 16px;
}
/*列表菜单区域 底部*/
.kdmobilelistview .kdm-bottom-listmenu, 
.kdmobileentry .kdm-bottom-listmenu
{
  height: 48px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*列表菜单区域 底部*/
.kdmobilelistview .kdm-bottom-listmenu .menu-text, 
.kdmobileentry .kdm-bottom-listmenu .menu-text
{   
  font-size: 15px; 
  font-weight: 400; 
  margin-left:8px; 
}
/*列表菜单区域 底部*/
.kdmobilelistview .kdm-bottom-listmenu .menu-image, 
.kdmobileentry .kdm-bottom-listmenu .menu-image
{  
   width: 17px;
   height: 17px;
}
/* .kdmobilelistview .mui-table-view li.mui-table-view-cell:nth-child(odd)>.mui-row>.mui-col-xs-10 *{
  background-color: #EDF0F5;  
}  */

/**** 列菜单、面包屑导航菜单 ****/
.kdcolumnmenu,
.kdcrumbnav{
  position: relative;
  color: #276FF5;
  font-size: 14px;
  padding-left: var(--listview-padding-LR);
  height: 40px;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.kdcolumnmenu::before,
.kdcrumbnav::before
{
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E5E5E5;
}
.kdcrumbnav::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E5E5E5;
}
.kdcrumbnav span.no-child{
  color: #212121;
  pointer-events: none;
}
.kdcrumbnav span:not(:last-child)::after{
  pointer-events: none;
  font-family: Muiicons; 
  position: relative;
  top: 50%;
  display: inline-block;
  right: 0px; 
  content: '\e583'; 
  color: rgba(170, 170, 170, .6); 
  -webkit-text-fill-color: rgba(170, 170, 170, .6);
  font-size: 18px;
  padding: 0px 4px;
}
/**** 列菜单 ****/ 
.kdcolumnmenu::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E5E5E5;
} 
.kdcolumnmenu .item{
  display: flex;
  color: #212121; 
  margin-right: 20px;
}
.kdcolumnmenu .item.up{
  color: #276FF5; 
} 
.kdcolumnmenu .item::after{
  pointer-events: none;
  font-family: Muiicons; 
  position: relative;
  top: 50%;
  display: inline-block;
  right: 0px; 
  content: '\e581'; 
  font-size: 18px;
  padding: 0px 4px;
}
.kdcolumnmenu .item.up::after{
  content: '\e580'; 
}
.kdcolumnmenu .name{
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**** 列菜单选项列表 ****/
.kdcolumnmenuoptions .name{
  position: relative;
  font-size: 14px;
  padding-left: var(--listview-padding-LR);
  height: 40px; 
  display: flex;
  align-items: center;
} 
.kdcolumnmenuoptions .name::after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: var(--listview-padding-LR);
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #E5E5E5;
}
.kdcolumnmenuoptions .selected{
  color: #276FF5;
}
/**** 控件kdmobilelistfield ****/
.kdmobilelistfield input,
.kdmobilelistfield select, 
.kdmobilelistfield textarea { 
    line-height: 21px;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    padding: 0px 0px;
    -webkit-user-select: text;
    border: 0px; 
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
} 
.kdmobilelistfield div{
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-align: center;
    /*white-space: pre-line;*/
    line-height: 1.7;
    /*word-break: break-all;*/
} 

/**** PhotoSwipe 插件 左/右翻转 ****/
.pswp__button--left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDklEQVQ4T8XTr0ukURTG8c+DRplmEdRgWrCoyWJbg2X+gw0Gy6ZFEIQNM8lgMlgMwmoXgxbrglVBELRbF8HisuBdXnlfGAYHeTF4y73cc873/LjPjQ+uVPGllF6SXn3+gg2sYhb/cI8T7CV5HszZAAr6FQs/MT6isDusJ7ls7IOA5u4FBzjELSaxhO16r+zdJGdVwFuA4yTfhisopYxhFz/wiLkkf94CVLH9ZiaDoBryG8uNTwM4x9pQ1lGQLk5xnWThFdBmlVKm8ICnJJ1PATQtXCVZbFXByCHWClzBPjaTXLR6xhowj5s68Ai/qkmj866QakDVznfsYKKVlIfEMoMtfMU0/r77mdroYNj3P1jvcxELgv3jAAAAAElFTkSuQmCC) center center no-repeat !important;
}
.pswp__button--right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABIUlEQVQ4T63Tv0tWcRTH8ddHkFqEcG0vCIJmwdXJQdoDaWhpaGpw6hmCQJAmFwcH/wMHF91cmqQlaGoowcVNGo0T34d75T7a4w/yLBe+93ze33M+53zjPyOX9VX1EO/wEk8wi5/Yx1aS701TVaMkowlAVS1gG0+nFHaOj2i6D2nRJ1bVMnYxgyN86r6neIbXeNP9H8suAFU1jx94hM94n+TPP9rbwav+fAgYtZLwBYtTxH3OBXcI+IoXWEnS2piIZlh3wfB8L8ny2IOqOsMcHic5uctk7w1wbQvXVdRXcKOJ0yA94LZjXMIG3iY5HO/CLRapGdwmtDrYgedJvk0AumnctMq/sYbNJHUF0EEuP6YHOMYB1pP8Gvpx5TXeZQda7l9OEm4R7V97fQAAAABJRU5ErkJggg==) center center no-repeat !important;
}

/**** 按钮控件kdbutton ****/
.kdbutton{
     display: block;
     border: none;
     color: #fff;
     background-color: #2587ee;
     padding: 0px 0px;
     overflow: hidden;
     text-overflow: ellipsis;  
     white-space: nowrap;    
}

.kdbutton:disabled{
  pointer-events: none;
}

/**** 弹性布局控件kdflexlayoutpanel ****/
.kdflexlayoutpanel{
    display: -webkit-flex;
    display: flex;
    overflow: auto;
} 

/* 角标 */
.kdm-badge{
   color: #fff;
}

.cf:after {
  content: ' ';
  display: table;
  clear: both;
}
.cf:before {
  content: ' ';
  display: table;
}
.kd-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flexbox;
    display: flex;
}
.kd-mob-font-medium {
    font-family:"Helvetica Neue",Helvetica,PingFangSC-Medium,"PingFang SC","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
    font-weight:600 !important;
}
.kd-backdrop {
    position: fixed;
    z-index: 99999998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/**** 栅格列表 (九宫格) ****/
.kdmobilegridlist li.mui-table-view-cell div[data-kdc="label"] {
  width:auto !important;
}

.kdForm .mui-bar-tab{
  height: 50px;
}
.kdForm .mui-bar-tab .mui-tab-item{
  height: auto;
}

/* photoswipe 图片预览容器 */
div.pswp{
  z-index: 2147483647;
}

/**** 底部菜单 ****/
.kdtabmenu{
  -webkit-box-shadow: 0 0 4px rgba(229,229,229,1);
  box-shadow: 0 0 4px rgba(229,229,229,1);
  background-color: #ffffff;
  /* z-index: 1 */
}
.kdtabmenu.kdm-any-position,.kdm-any-position{
  position: relative; 
}
.kdtabmenu .kdm-menu-item{
  border-right:1px solid rgba(234,239,243,1);;
}
.kdtabmenu .kdm-menu-item:last-child{
  border-right:none; 
}
.kdtabmenu .kdm-menu-lable{
  vertical-align:middle;
}
.kdtabmenu .kdm-menu-icon{
  vertical-align:middle;
  width: var(--img-width);
  height: var(--img-height);
  margin-right: var(--img-margin-right);
}
/* 底部菜单二级菜单 */
.kdtabmenu-sub{
  z-index: 10000;
  width: 190px;
  max-height: 296px;
}
.kdtabmenu-sub .kdm-scroll-wrapper{
  margin: 0 0;
}
.kdtabmenu .kdm-menu2-item{ 
  
}
.kdtabmenu-sub .kdm-menu2-lable{
  vertical-align:middle;
} 
.kdtabmenu .kdm-menu-lable.redpoint:after,
.kdtabmenu-sub .kdm-menu2-lable.redpoint:after
{
    position: absolute;
    content: '•';
    -webkit-transform: translate(-4px);
    transform: translateY(-4px);
    color: #FB2323;
    font-size: 20px;
}
.kdtabmenu .kdm-menu-lable.badge:after,
.kdtabmenu-sub .kdm-menu2-lable.badge:after
 { 
    position: absolute;
    content: attr(badge-content);;
    /*-webkit-transform:  translate(-5px);
    transform: translate(-5px);*/
    -webkit-transform:  translate(2px,6px);
    transform: translate(2px,6px);
    height: 13px;
    border-radius: 10px;
    min-width: 10px;
    /* border: 1px solid transparent; */
    color: #fff;
    line-height: 14px;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff;
    background: #ed4014;
    top:8px;
}
.kdtabmenu-sub .kdm-menu2-icon{
  vertical-align:middle;
  width: var(--img-width);
  height: var(--img-height);
  margin-right: var(--img-margin-right);
}
 
/**** 分录详情 ****/ 
.entrydetail .kdtabmenu {
  background: rgba(255,255,255,1);
  font-size: 18px;
}
.entrydetail .kdtabmenu a{
    border-top:solid 1px rgba(229,229,229,1);
}
.entrydetail .kdtabmenu a:last-child {
  background:rgba(69,152,240,1);
  border: 0px;
  color:#ffffff;
}
.entrydetail .mui-bar {
  -webkit-box-shadow: none; 
  box-shadow: none; 
}

/**** 弹窗菜单 ****/ 
.kdlayermenu {
    position: relative;
    white-space: nowrap;
    font-size: 14px; 
    overflow:visible;
}

/*触发用的按钮*/
.kdlayermenu .main-menu,.kdlayermenu .main-menu:enabled:active {
    background-color: transparent;
    text-align: center;
    border: transparent;
    outline: none;
    height: 30px;
    padding: 5px 5px;
    overflow:hidden;
    text-overflow: ellipsis;
}

/*菜单集合*/
.kdlayermenu.sub-menu{
    display: flex;
    align-items: center;
    list-style: none;
    position: absolute;
    /* background: rgba(48,55,72,0.9); */
    color: rgba(196,218,254,0.9); 
    border-color: rgba(48, 55, 72, 0.9);
    opacity: 0;
    margin: 0 0;
    padding: 0;
    border-radius: 5px;
    overflow:visible;
    z-index:1000;
    transition: margin 200ms ease;  
  -moz-transition: margin 200ms ease; /* Firefox 4 */
  -webkit-transition: margin 200ms ease; /* Safari 和 Chrome */
  -o-transition: margin 200ms ease; /* Opera */  
}
 
/*菜单布局容器*/
.kdlayermenu.sub-menu .menu-item-ul {
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
}
  
/*左边显示*/
.kdlayermenu.sub-menu.left { 
    opacity: 1;  
    margin-left: -5px;
} 
/*右边显示*/
.kdlayermenu.sub-menu.right {
    opacity: 1;  
    margin-left: 5px;
}

/*上边显示*/
.kdlayermenu.sub-menu.top {
    opacity: 1; 
    margin-top: -5px; 
}
/*下边显示*/
.kdlayermenu.sub-menu.bottom {
    opacity: 1; 
    margin-top: 5px; 
} 
/*上下左右显示三角形*/
.kdlayermenu.sub-menu.left:after {
    content: ' ';
    box-sizing: border-box;
    border: 5px solid transparent;
    border-left-color: inherit;
    position: absolute; 
    right: -10px;
}

.kdlayermenu.sub-menu.right:after {
    content: ' ';
    box-sizing: border-box;
    border: 5px solid transparent;
    border-right-color: inherit;
    position: absolute; 
    left: -10px;
}

.kdlayermenu.sub-menu.top:after {
    content: ' ';
    box-sizing: border-box;
    border: 5px solid transparent;
    border-top-color: inherit;
    position: absolute; 
    left: 10px;
    bottom: -10px;
}

.kdlayermenu.sub-menu.bottom:after {
    content: ' ';
    box-sizing: border-box;
    border: 5px solid transparent;
    border-bottom-color: inherit;
    position: absolute;
    left: 10px;
    top: -10px;
}

.kdlayermenu.sub-menu .menu-item-li {
    position: relative;
    padding: 0px 13px;
    line-height: 30px;
    transition: color 200ms;
    white-space: nowrap;
}

/*菜单分割线*/
.kdlayermenu.sub-menu .menu-item-li.default:not(:first-child):after {
    content: '';
    position: absolute;
    left: 0;
    top: 25%;
    display: block;
    width: 1px;
    height: 50%;
    background: rgba(85,101,122,0.9);
} 

/**** 数值加减控件 ****/
.kdspinfield,.kdspinfield .kdm-button,.kdspinfield .kdm-input{
  background-color: transparent;
}
.kdspinfield.kdmDisable{
  padding: 0px 0px;
} 
.kdspinfield.kdmDisable .kdm-input{
  border:none !important;
}
.kdspinfield.kdmDisable .kdm-button{
  display: none;
}
/**** 下拉列表控件-平铺 ****/ 
.kdmulist{

}
.kdmulist input[type='checkbox']{
  right:30px;
  top: 4px;
}
.kdmulist,.kdmulist .kdm-input-group{
  background-color: transparent;
} 
/* .kdmulist li{
  list-style: none;
} 
.kdmulist li em {
    cursor: pointer;
    color: #666666;
    display: inline-block;
    padding: 0px 10px;
    margin: 5px;
    font-style: normal;
    border: 1px solid #dcdcdc;
}
.kdmulist li em center{
  pointer-events: none;
}
.kdmulist li em.muclickem {
    border: 1px solid #e9630a;
    position: relative;
    padding: 0px 10px;
    margin: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MmQ2YzdiYi0zOTM5LWRjNGEtYWZlNS04NmNlOGY2Y2JkMGEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDhFOTk0QUM5QzY2MTFFNDkxNjJBNjMwNTQ4QkFBMTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDhFOTk0QUI5QzY2MTFFNDkxNjJBNjMwNTQ4QkFBMTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE3MDhlMzViLWNkMjItNGE0OS04ZTQyLWE3MzFlOTdjMzZmNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MmQ2YzdiYi0zOTM5LWRjNGEtYWZlNS04NmNlOGY2Y2JkMGEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54GIWqAAABXUlEQVR42mL4//8/AwmY/c+LW4velGv+f5nM9Z+FgXjA//ve6TkfJwWF/PvyDizARKRG2Z+Xti/+0OsN10isZsMfRxZN/Tglwvf/z68oEoSc7f51a1f21w1NvkAPY0ji1vzvb8zn5SVh3/fP8sWlBKvm/79/FH+anWT/89xGDI1MgtIMgmU7GX6eXsvA+B/NOf+/fWj7MCVc5/etIxgaGbkEGATLdzOwSGsx/HlyBcVm5n/vn039MME//c/TaxiuYWTjYhDIXwvRCJQHhjw8tDn+PLux6H27I1wjd0AdA3/OKgZGTl6wRv68tQysyhYQjT2eDP8+v4E4+/ftYzM+TglL//f1PdwmofoTDCyyugx/Hl+CBI6sHopGsGt+nNu06dPsRIb/v76j+JGRk4+BP2s5A5umA5iPrhGs5nWe9H9kG1EMYGFj4E2YzsAiowP2I7JGsDwogTOQCQACDADo4seeFHaltgAAAABJRU5ErkJggg==) no-repeat right bottom;
    background-origin: border-box;
} */

.kdmulist {
  margin-bottom: 4px;
}
.kdmulist li {
  display: flex;
  flex-wrap: wrap;
}
/*下拉列表项*/
.kdmulist li em {
  border: 1px solid #F5F5F5;
  background: #F5F5F5;
  color: #666;
  border-radius: 100px;
  padding: 0px 16px;
  /* height: auto !important;
  line-height: normal !important;
  width: auto !important; */
  font-size: 12px;
  letter-spacing: 1px;
  margin: 5px;
  font-style: normal;
}
.kdmulist li em center {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  pointer-events: none;
  -webkit-box-orient: vertical; 
  font-size: 10px;
  border: 0px;
}
/*下拉列表项选中状态*/
.kdmulist li em.muclickem {
  background: #fff;
  color: #4598F0;
  border: 0px;
  border-radius: 100px;
  /* padding: 8px 25px; */
  border: 1px solid #4598F0;
}
 
 /**** 下拉列表控件-操作表****/
 /* 包裹滑动元素 */
.mui-scroll-wrapper.kdcombo-popover-scroll-Wrapper{
  position:relative;
  margin:0px 0px;
}

 /**** 控件kdlabel ****/
.kdmLabel{  
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-user-select: text;   
  -moz-user-select: text;    
  -ms-user-select: text;    
  user-select: text;
  vertical-align: middle;
  /* line-height: 1.4; */
} 
.kdlabel{
  overflow:hidden;
  display: inline-block;
  vertical-align: middle;
} 
.kdlabel .content{ 
  display: -webkit-box;
  -webkit-box-align: center;
  height: var(--ctrl-height); 
  text-align: inherit;
  -webkit-box-pack: inherit;
}
.kdlabel .content.pre-line{ 
  white-space:pre-line; 
  word-break: break-all;
  word-wrap: break-word;
}
.kdlabel .content.nowrap{ 
  white-space:nowrap;
} 
/*横向布局时恢复为 -webkit-box*/
.kdm-flowlayout-horizontal>.kdlabel{
  display: -webkit-box;
}
/*横向布局时恢复为 -webkit-box*/
.kdm-flowlayout-horizontal>.kdlabel .content{
  height: auto;
}

 /**** 控件kdpicture ****/
.kdpicture{ 
  /* 注释掉会有滚动条 */
  display:inherit; 
} 
.kdpicture .img-content,
.kdpicture.img-content{ 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  white-space: nowrap;
  line-height: 0px;
} 
 /**** 控件tabpanel ****/
.tabpanel{
  background: transparent;
}
.tabpanel .kdm-segmented-top{
  border-top: 1px solid #F0F3F5;
}
.tabpanel .kdm-segmented-bottom{
  border-bottom: 1px solid #F0F3F5;
}
.tabpanel .kdm-tabpanel-content{
  overflow-x: hidden;
  overflow-y: auto;
 }
 .tabpanel .kdm-tabpanel-content::-webkit-scrollbar{
  /* 隐藏滚动条*/
  display: none;
 }

 /**** 控件numberfield ****/
.numberfield{
  text-align: right;
}

/**** 日期控件月日时 ****/
.kd-picker-md[data-type="date"] .mui-picker,
.kd-picker-md[data-type="date"] .mui-dtpicker-title h5 {
    width: 50%;
}
.kd-picker-md[data-type="date"] .mui-picker[data-id="picker-y"],
.kd-picker-md[data-type="date"] .mui-picker[data-id="picker-i"],
.kd-picker-md[data-type="date"] .mui-picker[data-id="title-i"],
.kd-picker-md[data-type="date"] .mui-picker[data-id="picker-y"],
.kd-picker-md[data-type="date"] h5[data-id="title-y"]  {
    display: none;
}

/******************脱敏字段******************/
.kdmaskfield .yulan{
    font-size: 22px;
    width: 40px;
    text-align: right;
    color: rgba(170, 170, 170, .6);
    font-family: iconcool;
}

/**** 上传控件kdfileupload ****/
.kdfileupload .mui-checkbox .title{
  display: inline-block;
  width: auto;
  padding: 0 0 0 28px;
  line-height: 30px;
}
.kdfileupload .chkbtn-group{
  display: inline-block;
}
.kdfileupload .mui-checkbox .chkbtn{
  top: 0;
  width: 24px;
  height: 24px;
  line-height: 30px;
}
.kdfileupload .mui-checkbox .chkbtn:before{
  font-size: 22px;
}
.kdfileupload .mui-input-row .mui-btn{
  padding: 6px 12px;
}
.kdfileupload .mui-input-row .uploadbtn{
  border-radius: 30px;
  width: auto;
}

div[data-kdc=kdmetroview] {
  color: #444;
}

div[data-kdc=kdmetroview] p.title {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  color:#444;
  font-size: 16px;
  font-weight: bold;
}

div[data-kdc=kdmetroview] ul.mui-table-view.mui-grid-view {
  padding: 0px;
}

div[data-kdc=kdmetroview] ul.mui-table-view-cell::before {
  height: 0;
}

div[data-kdc=kdmetroview] ul.mui-table-view-cell:after {
  height: 0;
}

div[data-kdc=kdmetroview] li.mui-table-view-cell img {
  background-repeat: no-repeat;
  background-position: center center;
  height: 64px;
  width: 64px !important;
  background-size: 90%;
  margin:0px auto;
}

div[data-kdc=kdmetroview] li.mui-table-view-cell div.kdmLabel {
  display:block;
  width:100%;
  font-size:12px;
}

div[data-kdc=kdmetroview] .mui-slider-indicator {
  position:inherit;
  padding:8px
}

div[data-kdc=kdmetroview] .mui-slider-indicator .mui-indicator {
  background-color: #fff;
}

div[data-kdc=kdmetroview] .mui-slider-indicator .mui-indicator.mui-active {
  background-color: #aaa;
}

div[data-kdc=kdmobilegridlist] ul.mui-table-view.mui-grid-view {
  padding: 0px;
}

div[data-kdc=kdmobilegridlist] li.mui-table-view-cell div.kdpicture { 
  height: 64px;
  width: 64px !important; 
  margin:0px auto;
}

div[data-kdc=kdmobilegridlist] li.mui-table-view-cell img {
  background-repeat: no-repeat;
  background-position: center center;
  height: 64px;
  width: 64px !important;
  background-size: 90%;
  margin:0px auto;
}

div[data-kdc=kdmobilegridlist] li.mui-table-view-cell div.kdmLabel {
  display:block;
  width:100%;
  font-size:12px;
}

div[data-kdc=kdmobilegridlist] div.mui-pull-bottom-pocket {
  display:none !important; 
}

div[data-kdc=kdtablefield] div.gridbox div.ftr {
  bottom: 1px !important;
}

div[data-kdc=kdtablefield] div.gridbox div.ftr div.hdrcell{
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
}

/*禁止长按选中按钮、菜单文字, disable-selection是开启页面禁用长按选中，后面需要再加*/
/* .disable-selection *,  */
button,input[type=button],.mui-popup-button,
input[type=reset], input[type=submit],.menu-text,
.kdbutton,.kdm-menu-lable,.kdm-menu2-lable,
.kdlayermenu.sub-menu .menu-item-li,
.kdmobilelistview .kdm-listmenu .menu-text,
.kdmobileentry .kdm-listmenu .menu-text
{ 
  -webkit-user-select: none;   
  -moz-user-select: none;    
  -ms-user-select: none;    
  user-select: none;
}
/* .disable-selection input[type=number]:read-only, 
.disable-selection input[type=tel]:read-only, 
.disable-selection input[type=text]:read-only, 
.disable-selection textarea:read-only
{ 
   pointer-events: none;
} */