/*解决使用VUE时，页面加载瞬间，会闪现模板语法，例如{{ item.name }}*/
[v-cloak] {
  display: none;
}
table tr th,
table tr td {
  font-size: 12px;
}

.nonetablerow {
  display: table-row!important;
}
#teamtable,#teamtablemember {
  margin-bottom: 0;
  /*border-left: 0;
  border-right: 0;*/
}
.widget-box {
  border: 0;
}

.table-overflow-x {/*table外层的div,用以展示横向滚动条*/
  overflow-x: scroll;
  width: 100%;
}

#teamtable {
  background-color: #ffffff;
}

#teamtable tr td {
  word-wrap:break-word;
  word-break:break-all;
}

/*表格提示框 Tooltip*/
.tooltip-inner {
  color: #fff;
  border-radius: 3px;
  background-color: #058a6b;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #058a6b;
}

/*ace  原样式*/
.label-sm {
  height: 16px;
  color: #FFF;
  display: inline-block;
}

/*表格查询内容居中*/
.row {
  margin-right: 0;
  margin-left: 0;
}
.row-table-head {
  /*line-height: 50px;*/
  border: 1px solid #ddd;
  /*border-bottom: 0px;*/
}
.row-table-head input {
  height: 25px;
}
.row-table-tixian {
  line-height: 50px;

  border: 1px solid #ddd;
  border-bottom: 0;
}
#display-a-partial-list-role {
  margin-right: 15px;
}
#btn-export-role {
  margin-right: 40px;
}

.table > thead > tr {
  background-image: linear-gradient(to bottom, #F5F7FB 0%, #F5F7FB 100%);
}

.table-bordered > thead > tr > th {
  border: 0;
}

.table > tbody > tr > td {
  vertical-align: middle; /*表格内容垂直居中*/
  border: 0;
  border-bottom: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom: 1px solid #ddd;
}

.table.table-bordered > thead > tr > th:first-child,
.table.table-bordered > thead > tr > td:first-child {
  border-left-color: transparent;
}

.bigger-130 {
  margin: 0 4px;
}
/*表格操作表头*/
#teamtable .btn {
  margin-top: 5px;
}

.tableThead tr th span {
  line-height: 16px;
  float: right;
  margin-right: 5px;
  cursor: pointer;
}

.spansignal {
  border-radius: 3px;
  margin-left: 3px;
  padding: 0 2px;
  color: #ffffff;
}

.tableThead tr th {
  white-space: nowrap;
}
/*排序*/
.dataTable>thead>tr>th[class*=sort]:after {
  float: none;
}

/*可拖拽式表格列*/
/*.table-box .grip {
width: 20px;
height: 14px;
margin-top: -3px;
background-image: url(../images/grip.png);
margin-left: -5px;
position: relative;
z-index: 88;
cursor: e-resize
}*/

@media screen and (max-width: 768px)
{
  #teamtable [class*=selectable-col] {
    display: none;
  }
  #teamtable .showselectableth {
    display: table-cell;
  }
  #teamtable .width768lt {
    display: table-cell;
  }
}

.btn {
  border-radius: 3px;
  text-shadow: 0  0 rgba(0, 0, 0, 0);
}
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  border-color: #337ab7;
  background-color: #337ab7 !important;
}
.btn-success,
.btn-success:focus,
.btn-success.focus {
  border-color: #5cb85c;
  background-color: #5cb85c !important;
}
.btn-info,
.btn-info:focus,
.btn-info.focus {
  border-color: #5bc0de;
  background-color: #5bc0de !important;
}

/*.btn-xs, .btn-group-xs > .btn{
  border-width: 1px;
}
.btn-sm, .btn-group-sm > .btn{
border-width: 1px;  
}*/
/*表格全选删除图标位置*/
.trash-lh {
  line-height: 20px!important;
}
.md-btn-icon {
  display: inline-block;
}
.xs-icon-btn {
  display: none;
  margin-right: 8px;
  margin-left: 8px;
}

/*非手机端*/
@media screen and (min-width: 768px)
{
  .th-width30 {
    width: 30px;
    min-width: 30px;
  }
  .th-width40 {
    width: 40px;
    min-width: 40px;
  }
  .th-width45 {
    width: 45px;
    min-width: 45px;
  }
  .th-width50 {
    width: 50px;
    min-width: 50px;
  }
  .th-width55 {
    width: 55px;
    min-width: 55px;
  }
  .th-width60 {
    width: 60px;
    min-width: 60px;
  }
  .th-width65 {
    width: 65px;
    min-width: 65px;
  }
  .th-width70 {
    width: 70px;
    min-width: 70px;
  }
  .th-width75 {
    width: 75px;
    min-width: 75px;
  }
  .th-width80 {
    width: 80px;
    min-width: 80px;
  }
  .th-width90 {
    width: 90px;
    min-width: 90px;
  }
  .th-width95 {
    width: 95px;
    min-width: 95px;
  }
  .th-width100 {
    width: 100px;
    min-width: 100px;
  }
  .th-width110 {
    width: 110px;
    min-width: 110px;
  }
  .th-width120 {
    width: 120px;
    min-width: 120px;
  }
  .th-width130 {
    width: 130px;
    min-width: 130px;
  }
  .th-width150 {
    width: 150px;
    min-width: 150px;
  }
  .th-width160 {
    width: 160px;
    min-width: 160px;
  }
  .th-width180 {
    width: 180px;
    min-width: 180px;
  }
  .th-width220 {
    width: 220px;
    min-width: 220px;
  }
  .th-width230 {
    width: 230px;
    min-width: 230px;
  }
  .th-width260 {
    width: 260px;
    min-width: 260px;
  }
  .onlymobiledisplay {
    display: none;
  }
}
/*手机端*/
@media screen and (max-width: 768px)
{
  #pageForm {
    margin-right: 0;
    margin-left: 0;
  }
  .row-table-head .btn {
    /* margin-top: 10px; */
  }
  .row-table-tixian .btn {
    margin-top: 23px;
  }
  /*表格查询内容居中*/
  .row-table-head {
    line-height: 20px;
    padding: 5px 0;
  }
  .row-table-head .btn {
    font-size: 12px;
    line-height: 1.5;

    padding: 1px 5px;
  }
  .row-table-tixian {
    margin-top: 10px;
    padding-top: 10px;
  }
  .padrlnone {
    padding: 8px 0!important;
  }
  /*手机屏下th最小宽度*/
  .xs-th-width30 {
    width: 30px;
    min-width: 30px;
  }
  .xs-th-width40 {
    width: 40px;
    min-width: 40px;
  }
  .xs-th-width45 {
    width: 45px;
    min-width: 45px;
  }
  .xs-th-width50 {
    width: 50px;
    min-width: 50px;
  }
  .xs-th-width55 {
    width: 55px;
    min-width: 55px;
  }
  .xs-th-width60 {
    width: 60px;
    min-width: 60px;
  }
  .xs-th-width65 {
    width: 65px;
    min-width: 65px;
  }
  .xs-th-width70 {
    width: 70px;
    min-width: 70px;
  }
  .xs-th-width75 {
    width: 75px;
    min-width: 75px;
  }
  .xs-th-width80 {
    width: 80px;
    min-width: 80px;
  }
  .xs-th-width83 {
    width: 83px;
    min-width: 83px;
  }
  .xs-th-width90 {
    width: 90px;
    min-width: 90px;
  }
  .xs-th-width95 {
    width: 95px;
    min-width: 95px;
  }
  .xs-th-width100 {
    width: 100px;
    min-width: 100px;
  }
  .xs-th-width105 {
    width: 105px;
    min-width: 105px;
  }
  .xs-th-width110 {
    width: 110px;
    min-width: 110px;
  }
  .xs-th-width120 {
    width: 120px;
    min-width: 120px;
  }
  .xs-th-width130 {
    width: 130px;
    min-width: 130px;
  }
  .xs-th-width150 {
    width: 150px;
    min-width: 150px;
  }
  .rechargeshow ,.cardgsshow {
    display: inline-block!important;
  }
  /*手机屏下按钮转换为图标*/
  .md-btn-icon {
    display: none;
  }
  .onlywebdisplay {
    display: none;
  }
  .xs-icon-btn {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (min-width: 992px) {
  /*商家账户管理  '两按钮连到一块' 分隔开*/
  .memberrow .col-md-1 {
    width: 10%;
  }
}