/* here you can put your own css to customize and override the theme */
body {
  font-family: microsoft yahei; }

/* common style */
.rel {
  position: relative; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.text-tip {
  position: absolute;
  right: 2px;
  bottom: 0;
  font-size: 12px;
  color: #999; }

.text-overflow {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.vtop {
  vertical-align: top !important; }

.valign {
  vertical-align: middle; }

.underline {
  text-decoration: underline; }

.show-content img {
  max-width: 100%; }

/* header */
.header-actions {
  color: #fff; }
  .header-actions span.pull-left, .header-actions button {
    display: inline-block;
    margin: 0 3px; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/* pagenation style */
.pagination .label {
  vertical-align: middle; }

/* table style */
.table-scrollable .ng-table-pager {
  display: none; }

.table-scrollable td {
  vertical-align: middle !important; }

.table-pager {
  text-align: center; }

/* modal style */
.modal .modal-content .modal-footer {
  border-top: #efefef solid 1px; }

/* Image In Table style */
.table-image {
  margin: 0;
  padding: 0; }
  .table-image li {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    border: #ddd solid 1px;
    list-style: none; }
    .table-image li.big {
      width: 200px;
      height: 160px; }
    .table-image li p {
      position: absolute;
      margin: 0;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      text-align: center; }
      .table-image li p:before {
        content: '';
        display: inline-block;
        height: 100%;
        visibility: hidden;
        vertical-align: middle; }
      .table-image li p img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle; }
    .table-image li span.show {
      position: absolute;
      bottom: 0;
      right: 2px;
      text-shadow: 2px 2px 2px #fff;
      color: #666; }

/* custom tree style */
.tree-scroll {
  max-height: 366px;
  overflow-y: auto; }

.custom-tree {
  margin: 0;
  padding: 0; }
  .custom-tree li {
    position: relative;
    padding-left: 24px;
    padding-top: 1px;
    padding-bottom: 1px; }
    .custom-tree li.chkall {
      padding: 6px 8px;
      border-bottom: #ccc solid 1px; }
      .custom-tree li.chkall span {
        margin: 0 3px;
        cursor: pointer; }
    .custom-tree li .icon {
      position: absolute;
      left: 8px;
      top: 8px; }
    .custom-tree li .tree-label {
      position: relative;
      display: inline-block;
      width: 100%;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 6px; }
      .custom-tree li .tree-label span {
        display: inline-block; }
      .custom-tree li .tree-label .icon_check {
        margin-right: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .custom-tree li .tree-label .icon_check:before {
          content: '\f096'; }
      .custom-tree li .tree-label.tree-unselectable {
        padding-left: 6px; }
      .custom-tree li .tree-label.icheck .icon_check:before {
        content: '\f046'; }
    .custom-tree li .tree-selected {
      background: #eee !important; }
    .custom-tree li .tree-unselectable {
      color: #9a9a9a !important; }

/* custom caption style */
.custom-caption {
  padding: 10px 12px; }

/* headImage style */
.headImage-36x36 {
  display: inline-block;
  padding: 3px;
  width: 36px;
  height: 36px;
  border: #ccc solid 1px;
  line-height: 26px;
  vertical-align: middle;
  border-radius: 50%; }
  .headImage-36x36 span {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden; }

/* custom mt-list style */
.mt-custom-list .list-icon {
  float: left;
  padding: 8px;
  width: 45px;
  height: 45px;
  line-height: 26px;
  border: #ccc solid 1px;
  border-radius: 50% !important; }
  .mt-custom-list .list-icon.done {
    border-color: #26c281;
    color: #26c281; }
  .mt-custom-list .list-icon.danger {
    border-color: #d05454;
    color: #d05454; }
  .mt-custom-list .list-icon span {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden; }

/* icheck-colors style*/
.icheck-colors li, .icheck-colors li.active {
  opacity: 1; }
  .icheck-colors li:hover, .icheck-colors li.active:hover {
    opacity: 0.6; }

/* timeline-sm style */
.timeline-sm {
  margin-top: -15px;
  margin-bottom: 0; }
  .timeline-sm:before {
    margin-left: 16px;
    width: 2px;
    background: #94e8ff; }
  .timeline-sm .timeline-badge {
    margin: 24px 0 0;
    padding-right: 0;
    width: 36px;
    height: 36px;
    line-height: 34px;
    background: #f5f6fa;
    border: #94e8ff solid 2px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%; }
  .timeline-sm .timeline-body {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 56px; }

/* Full Image Box */
.fullImageBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 11000; }
  .fullImageBox p {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    .fullImageBox p:before {
      content: '';
      display: inline-block;
      height: 100%;
      visibility: hidden;
      vertical-align: middle; }
    .fullImageBox p img {
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
  .fullImageBox .closepic {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 42px;
    color: #fff;
    text-decoration: none; }
    .fullImageBox .closepic:hover {
      color: #aeaeae; }