.doc-admin{width: 100%;user-select: none;}
.doc-side{position: absolute;width: 160px;box-sizing: border-box;overflow-x: hidden;}
.doc-body{margin-left: 0px}
.doc-side+.doc-body{margin-left: 160px;padding-left: 10px;}
/*doc-tree*/
.doc-side .doc-scroll{width:600px;}
.doc-tree{min-width:300px;min-height: 200px;}
.doc-tree .manage{position: fixed;right: 25px;}
.doc-admin .doc-tree .manage{display: none;}
.doc-tree ul{ margin-left:5px;padding-left:4px !important;border-left: 1px solid gainsboro;display: none;}
.doc-tree>li>ul{display: block;}
.doc-tree li{line-height: 24px;}
.doc-tree i{font-size:20px;cursor: pointer;}
.doc-tree li>i{margin-left: 5px;padding-right: 5px;}
.doc-tree li>i:nth-of-type(n+1):hover{color: #43caea;}
.doc-tree li>.parent{cursor: pointer;}
.doc-tree li.hover>.parent>span{background:#cef;font-weight: bold;}
.doc-tree li.edit input{width: 100px;border: 0;border-radius: 5px;padding: 5px;background: #cef;}
.doc-tree li.edit i{vertical-align: middle;}

span.dir{cursor:pointer;padding:3px 5px;border-radius:5px;vertical-align: top;}
span.dir i{padding-right: 5px;font-size: 20px;}
span.dir+i{margin-left:5px;cursor:pointer;}
span.dir+i:hover{color: #43caea;}
.unable{color:silver;}
/*doc-scroll*/
.doc-scrollbar{background: gainsboro;height: 100%;width: 10px;top: 0;right:0;position: absolute;overflow-x: hidden;}
.doc-scrollbar-btn{width: 100%;height: 0;background: #b7b7b7;position: absolute;height: 0;cursor: default;}
.doc-resize{cursor: e-resize;}
/*doc-bar*/
@media screen and (min-width: 768px) {
    .doc-bar .breadcrumb {
        display: inline-block;
        min-width: 5em !important;
    }
    .doc-bar .top-btn-group {
        display: block;
    }
    .doc-bar .search-keyword.show {
        display: inline-block !important;
    }
}
.doc-bar .breadcrumb{padding: 10px 0; min-width: 100%;}
.doc-bar .breadcrumb .back{display: none;}
.doc-bar .breadcrumb a{color: #999!important;cursor: pointer;}
.doc-bar .breadcrumb a:hover{color: #5FB878!important;}
.doc-bar .layui-breadcrumb a span{color: #999!important;}
.doc-bar .search-keyword {
    display: none;
    font-size: 14px;
}

/*file-form  file-table*/
.file-form .dataTables_wrapper .dataTables_filter{position: absolute;right: 0;top: -50px;}
.file-form table tr td:first-child span{display: none;}
.file-form .file-table thead tr th:nth-child(2){
    width: 60% !important;
}
.btn {margin-left:5px;border:solid 1px #ccc;padding:3px 5px;border-radius:3px;cursor:pointer;}
.file-table span.doc{max-width: 70%;text-overflow: ellipsis;display: inline-block;overflow-x: hidden;}
span.tips{color: #bebebe;padding: 3px 5px;line-height: 26px;}
span.tips i{padding-right: 5px;font-size: 14px;color: #545454;}
span.eye{padding: 3px 0 3px 6px;line-height: 26px;}
span.eye i{color:blue;margin-right:5px;}
span.flag{padding: 3px 5px;line-height: 26px;}
span.flag i{font-size: 14px;color:#fba74f;}
span.mutetag i{font-size: 14px;color:#008;margin-left: 10px;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
span.loading {
    display: inline-block;
    padding: 0px 5px;
    line-height: 26px;
}
span.loading_ani{
    -webkit-animation: rotate 1628ms linear infinite;
    -moz-animation: rotate 1628ms linear infinite;
    -o-animation: rotate 1628ms linear infinite;
    animation: rotate 1628ms linear infinite;
}
/*doc-action*/
.doc-action{margin-top:5px;}
.doc-action>span.layui-btn{margin:0;}

.doc-action span.show-all-btn.layui-btn.layui-btn-primary.layui-btn-small.shown {
    border-right: 0 !important;
    border-left: 1px solid #c9c9c9 !important;
}

.doc-action #doc-next, .doc-action #doc-previous {
    display:none;
}

.doc-highlight {
    background-color: #cccccc !important;
}
.doc-admin table.dataTable thead .checkall{background-image:none;width:25px;}

.select_file .doc-admin table.dataTable thead .checkall{background-image:none;width:35px;}
/* doc archive */
#doc-archive .folder {padding-left: 15px !important;}
#doc-archive div.footer {text-align: left !important;padding-top: 8px;}
#doc-archive .folder.folder-this {background: #5FB878;color: #fff;}
#doc-archive .footer .confirm {width: 95%;margin-left: 2.5%;margin-right: 2.5%;}
#doc-archive .show {display:block;}
#doc-archive .hide {display:none;}

/*doc file list*/
.file-admin .file-box{margin: 5px;width: calc(50% - 30px);float: left;background: #fff;padding: 10px;border-radius: 5px;}
.file-admin .file-box:nth-of-type(odd){clear:left;}
.file-admin .file-box .fileicon{width: 50px;float: left;}
.file-admin .file-box .fileicon i{font-size: 40px;}
.file-admin .file-box .info{padding-left: 50px;}
.file-admin .file-box .info .name{font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;cursor: pointer;line-height: 24px;}
.file-admin .file-box .info .breadcrumb{color: #999;}
.file-admin .file-box .info .breadcrumb span{cursor: pointer;}
.file-admin .file-box .info .breadcrumb span:hover{color: #f48c39;}
.file-admin .file-box .info .line{color: #999;}
.file-admin .file-box .info .line .time{margin-right: 10px;}
.file-admin .file-box .info .line .user{}
.file-admin .file-box .info img{float: right;width: 35px;height: 35px;margin-right: 0;}
.file-admin .laypage{clear:both;text-align: center;}

@media (max-width: 768px){
  .doc-admin .doc-side{display: none;}
  .doc-body{margin-left: 0px !important;padding-left: 0;}
  .doc-bar .breadcrumb{width:100%;padding-bottom:0;display: none; width: auto;}
  .file-form .dataTables_wrapper .dataTables_filter{position: relative;top:0;}
  .file-form .dataTables_wrapper .dataTables_filter input{width:100%;margin-left:0!important;}
  .doc-action{text-align:center;}
  .doc-body table.dataTable thead .action-box {
      background: transparent;
  }
  .doc-body table.dataTable thead .action-box.sorting_asc {
      background: transparent;
  }
  .doc-body table.dataTable thead .action-box.sorting_desc {
      background: transparent;
  }
  #doc_mobile_btn{
      position: fixed;
      z-index:  99999999;
      background:  rgba(51, 51, 51, 0.6);
      width: 100%;
      min-height: 100%;
      bottom: 49px;
      display:none;
  }
  #doc_mobile_btn .layui-btn-group{
      background: #f2f2f2;
      display: block;
      position: absolute;
      width:100%;
      bottom: 0;
      border-radius: 4px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  #doc_mobile_btn .layui-btn{
      display:block;
      width: 100%;
      margin-top: 4px;
      background: #f2f2f2;
      color: #333;
      height: 42px;
      border-bottom: 1px solid #ccc;
  }
  #doc_mobile_btn .layui-btn :first {
      margin-top: 0px !important;
  }
  #doc_mobile_btn .layui-btn-group .layui-btn:first-child {
      margin-top: 0px;
  }
  #doc_mobile_btn .layui-btn-group .layui-btn:last-child {
      border-bottom: 0;
      margin-bottom: 0 !important;
  }
  #doc_mobile_btn .cancel-btn{
      margin-bottom: 4px !important;
  }
  .doc-action #doc-next, .doc-action #doc-previous {
      display: inline-block;
      background: #FFF;
      border: 1px solid #C9C9C9;
      color: #555;
  }
  .doc-action #doc-next:active, .doc-action #doc-previous:active {
    background: #f2f2f2;
  }
  .doc-action #doc-next {
      border-left: 0;
  }
  .doc-action #doc-previous{
  }
  .doc-bar .mobile-action-btn {
    display: inline-block;
    width: auto;
    float: right;
  }
  .doc-bar .layui-btn-group{
    float: right;
    padding: 4px 4px 8px;
    display: none;
  }
  .doc-bar .mobile-action-btn #mobile-doc-action {
    text-align: center;
    width: 17px;
    height: 20px;
    font-size: 20px;
    margin-right: 2px;
  }
  .doc-body .layui-table th.action-box{
    text-align:right;
  }
  .more-info,.show-all-btn{
    display:inline-block !important;
  }
  .doc-body .action-btn-box{
    display:none;
  }
  .doc-body .layui-btn-small i{
    font-size:12px !important;
  }
  .doc-body .layui-table tbody tr td:last-child .btn{
    display:inline-block;
    text-align:center;
    width:15px;
  }
  .doc-body .layui-table tbody tr td:last-child{
    text-align:center;
  }
  .doc-bar{
    padding:0px;
  }
  .doc-body .layui-table:not([no-even]) tr:nth-of-type(even){
    background:#FFF;
  }
  .doc-body .dataTables_wrapper .dataTables_filter{
    padding: 10px 10px 0;
  }
  .doc-body .file-table thead tr th:nth-child(2){
      width: 100% !important;
  }
  .doc-body .layui-table,.doc-body .dataTables_wrapper{
    padding:0 !important  ;
  }
  .doc-body thead tr th:first-child,.doc-body tbody tr td:first-child:not(.dataTables_empty){
    padding:10px !important;
    display:none;
  }
  .select_file .doc-body thead tr th:first-child,.select_file .doc-body tbody tr td:first-child:not(.dataTables_empty){
    padding:10px !important;
    display:block;
  }
  .select_file .layui-table thead .sorting:not([class='checkall sorting_disabled']){
    display: none;
  }
  .doc-body .layui-table tr{
    border-bottom:1px solid #CCC;
  }
  .doc-body .layui-table tr td{
    padding:5px !important;
    max-width:250px;
  }
  .select_file .doc-body .layui-table tr td{
    padding:5px 0px !important;
    max-width:250px;
  }
  .doc-body table.dataTable thead tr th{
    padding:10px !important;
  }
  .doc-body .layui-table tr .ion-android-folder{
    font-size:32px;
    vertical-align:middle;
    margin-right:5px;
    color:#8bafe3;
  }
  span.dir{
    line-height:32px;
  }
  span.dir i{
    font-size:32px;
    margin-right:5px;
  }
  span.tips{
    line-height:32px;
    float: right;
  }
  .dataTables_wrapper .dataTables_info{
    padding:10px;
  }
}
.doc-search-input {
    display: inline-block;
    width: 15em;
    float: right;
    position: relative;
}
.doc-search-input input {
    padding-left: 35px;
}
input.doc-search-input+input {
    display: none;
}
.doc-search-result {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;

    width: calc(100% - 20px);
    min-height: 50vh;

    background: #fff;
    position: absolute;
    float: right;
    z-index: 999;
}
.doc-search-result.show {
    opacity: 1;
    pointer-events: initial;
}

.doc-search-result .doc-search-loading {
    display: none;

    position: absolute;
    top: 50%;

    transform: translateY(-100%);

    width: 100%;
}

.doc-search-result.show.searching .doc-search-loading {
    display: block;
}
.doc-search-result .table-wrapper {
}
.doc-search-result .table-wrapper .header {
    display: flex;
}
.doc-search-result .table-wrapper .td,
.doc-search-result .table-wrapper .th {
    flex: 1;

    min-height: 31px;
    height: 31px;
    line-height: 31px;

    font-size: 14px;

    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;

    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.doc-search-result .table-wrapper .th:last-child,
.doc-search-result .table-wrapper .td:last-child {
    border-right: 1px solid #e6e6e6;
}

.doc-search-result .table-wrapper .th {
    padding: 10px 18px;
    font-weight: bold;

    min-height: 28px;
    line-height: 28px;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #c77;
    background-color: #f2f2f2;
}

.doc-search-result .table-wrapper .body {
    display: flex;
    flex-direction: column;
}
.doc-search-result .table-wrapper .row {
    display: flex;
}
.doc-search-result .table-wrapper .row .td {
    padding: 8px 10px;
    background: #fff;
}
.doc-search-result .table-wrapper .row .td.empty {
    text-align: center;
}
.doc-search-result .table-wrapper .row:nth-child(even) .td {
    background: #f6f6f6 !important;
}
.doc-search-result .table-wrapper .row .td .res-icon {
    padding-right: 5px;
    font-size: 20px;

    position: relative;
    top: 2px;
}
.doc-search-result .table-wrapper .row .cursor-pointer {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
  .doc-search-input {
    width: calc(100% - 2em);
    margin: 0 1em 0.5em;
  }
  .doc-search-input input {
    width: 100%;
  }
  .doc-search-result .table-wrapper .th {
    min-height: 20px !important;
    height: 20px;
    line-height: 20px;
  }

  .doc-search-result {
    margin-top: 45px;
    width: 100%;
    height: calc(100vh - 128px) !important
  }
  .doc-search-result .doc-search-result__path,
  .doc-search-result .doc-search-result__size,
  .doc-search-result .doc-search-result__utime,
  .doc-search-result .doc-search-result__author {
    display: none;
  }
  .doc-search-result .dsr-item__path,
  .doc-search-result .dsr-item__size,
  .doc-search-result .dsr-item__utime,
  .doc-search-result .dsr-item__author {
    display: none;
  }


  .doc-search-result .table-wrapper .body {
    height: calc(100vh - 200px) !important;
    overflow: scroll;
  }

  [platform-ios=1] .doc-search-result .table-wrapper .body {
    height: calc(100vh - 220px) !important;
  }

  form table.file-table.dataTable.show-search-result {
    height: 1px;
  }

  .doc-bar+.doc-search-result+form .dataTables_filter {
    display: none;
  }

  .doc-search-result .table-wrapper .row {
    display: block !important;
  }
}