@charset "utf-8";

table.ui-table { table-layout: fixed; }
/* 标题栏 */
table.ui-table thead { }
table.ui-table thead > tr { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
table.ui-table thead > tr > td { font-weight: bolder; font-size: larger; text-align: center; }
table.ui-table thead > tr > td > a.sort { font-size: 1em; vertical-align: inherit; }
table.ui-table thead > tr > td > a.sort:active, table.ui-table thead > tr > td > a.sort:focus, table.ui-table thead > tr > td > a.sort:hover { outline: none; text-decoration: inherti; }
table.ui-table thead > tr > td > a.sort:before { content: "\e250"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*table.ui-table thead > tr > td > a.sort:before { content: " "; display: inline-block; width: .6em; height: .6em; border: .3em dashed transparent; border-left-color: currentColor; }*/
table.ui-table thead > tr > td > a.sort:before { -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
table.ui-table thead > tr > td > a.sort.sort-asc:before { transform: rotate(90deg); }
table.ui-table thead > tr > td > a.sort.sort-desc:before { transform: rotate(-90deg); }
/* 内容 */
table.ui-table tbody { }
table.ui-table tbody > tr { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
table.ui-table tbody > tr > td { padding: 0.4em; overflow: hidden; text-overflow: ellipsis; }

/* loading thx to https://github.com/tobiasahlin/SpinKit */
table.ui-table caption.more { margin: .4em auto; text-align: center; height: 1em; }
div.loading, div.loading:before, div.loading:after { position: absolute; display: block; left: 50%; width: 1em; height: 1em; margin-left: -.5em; border-radius: 100%; background-color: transparent; }
div.loading:before, div.loading:after { content: " "; opacity: 0.6; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }
div.loading:before { background-color: red; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
div.loading:after { background-color: blue;  }
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* hover button */
table.ui-table td.need-hover { position: relative; }
table.ui-table td.need-hover.hover { overflow: visible; }
table.ui-table td.need-hover > .hover, table.ui-table td.need-hover > .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
table.ui-table td.need-hover > .hover { padding: .3em; z-index: 1; }
table.ui-table td.need-hover > .text { padding: .4em; z-index: 0; }
table.ui-table td.need-hover > .hover { visibility: hidden; }
table.ui-table td.need-hover.hover > .hover, table.ui-table td.need-hover > .text { visibility: visible; }
table.ui-table td.need-hover > .hover > .btn { margin-right: .6em; }
table.ui-table td.need-hover > .hover.btn-group > .btn { margin-right: 0; }

table.ui-table .ui-icon { display: inline-block; }

table.ui-table.embed { width: 100%; margin: 0.1em auto; }

/* overflow text */
table.ui-table td.overflow { position: relative; padding: 0; cursor: default; }
table.ui-table td.overflow.overflowed { overflow: visible; }
table.ui-table td.overflow div.text { width: 100%; padding: .4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.ui-table td.overflow div.text.hover { position: absolute; width: auto; background: #f5f5f5; }
table.ui-table td.overflow.overflowed div.text.hover { background: white; border: 1px solid #66afe9; left: -1px; top: -1px; bottom: -1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }