.doc-admin{width: 100%;user-select: none;position: relative;min-height: calc(100vh - 100px);}
.etitle+.doc-admin{min-height: calc(100vh - 140px);}
.modern+.layui-body .doc-admin{min-height: calc(100vh - 55px);}
.modern+.layui-body .etitle+.doc-admin{min-height: calc(100vh - 95px);}
.layui-layer .doc-admin{min-height:calc(100vh - 196px);}
.doc-side{position: absolute;width: 160px;box-sizing: border-box;overflow-x: hidden;height: calc(100% - 15px);}
.doc-body{margin-left: 0px;position: relative;}
.doc-side+.doc-body{
  padding-left: 10px;
  width: calc(100% - 174px);
  position: relative;
  left: 160px;
  margin-top:5px;
}
/*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;}

/*doc-tree-mobile*/
.doc-tree-mobile .layui-layer-content{
  padding: 5px !important;
}
.doc-tree-mobile p{
  /*display:inline;*/
}
.doc-tree-mobile .ion-arrow-down-b{
  display: inline;
}
.doc-tree-mobile .doc-tree-list .selected2{
    color: #0375fe;
}

.doc-tree-mobile .selected2 .doc-tree-check {
  /* display: none; */
  background-color: transparent;
  border: 0;
}
.doc-tree-mobile .doc-tree-check {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  outline: none;
}
.doc-tree-mobile .doc-tree-list .databox-item {
  padding-right: 0%;
}
/* .doc-upload-mobile2 .draging .layui-upload-drag {
  width: 80% !important;
  height: 90% !important;
} */
.drag-mobile {
  width: 100% !important;
}
.doc-tree-mobile2 .databox-wrap {
  padding: 0 0 0 0;
}
.doc-tree-mobile2 .databox-parent {
  font-weight: 500;
}
.doc-tree-mobile2 .no-children {
  font-weight: 400;
}

span.dir{cursor:pointer;padding:3px 5px;border-radius:5px;vertical-align: top;}
span.dir i{padding-right: 5px;font-size: 20px;vertical-align: bottom;}
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;
}
.layui-layer-prompt .layui-layer-input.input-doc-flag{
  width: 298px;
}
/*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-checkbox, .dsr-item__checkbox {
  width: 40px !important;
  flex: 0 0 auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.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% - 9px);
    min-height: 50vh;
    margin-top: 5px;
    background: #fff;
    position: absolute;
    float: right;
    z-index: 9;
    margin-top: 6px;
}
.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: 26px;
    line-height: 26px;
    height: 34px;

    font-size: 14px;

    border-left: 1px solid #e6e6e6;
    border-top: 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 .row:last-child .td{
  border-bottom: 1px solid #e6e6e6;
}

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

    min-height: 26px;
    line-height: 26px;
    height: 26px;

    border-top: 1px solid #e6e6e6;
    background-color: #f2f2f2;
}
.doc-search-result .table-wrapper .body {
    display: flex;
    flex-direction: column;
}
.doc-search-result .table-wrapper .row {
    display: flex;
    position: relative;
}
.doc-search-result .table-wrapper .row:hover{
  box-shadow: 0px 0px 8.1px 0.9px rgba(15, 15, 15, 0.15);
}
.doc-search-result .table-wrapper .row:hover:first-child{
  box-shadow: none;
}
.doc-search-result .table-wrapper .row:hover + .row::before{
  box-shadow: inset 0 5px 5px rgb(15 15 15 / 15%);
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.doc-search-result .table-wrapper .row:hover + .row .td{
  border-top: 1px solid transparent;
}
.doc-search-result .table-wrapper .row .td {
    padding: 8px 10px;
    background: #fff;
    cursor: pointer;
}
.doc-search-result .table-wrapper .row:hover .td{
  background: #f2f2f2;
  border-bottom: none;
}
.doc-search-result .table-wrapper .row .td.empty {
    text-align: center;
}
.doc-search-result .table-wrapper .row:nth-child(even) .td {
    background: #f9f9f9 !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;
  }
}

.file-table td .dir {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
}

.file-table [doc] i[class^=ion] {
  width: 28px;
  height: 28px;
  font-size: 28px;
}

.file-table .dir ~ .loading,
.file-table .dir ~ a,
.file-table .dir ~ .flag {
  display: inline-block;

  margin-top: 2px;
}

.file-table [doc='ppt']>i[class^='ion']:before,
.file-table [doc='pdf']>i[class^='ion']:before,
.file-table [doc='doc']>i[class^='ion']:before,
.file-table [doc='docx']>i[class^='ion']:before,
.file-table [doc='xls']>i[class^='ion']:before,
.file-table [doc='xlsx']>i[class^='ion']:before,
.file-table [doc='png']>i[class^='ion']:before,
.file-table [doc='jpg']>i[class^='ion']:before,
.file-table [doc='jpeg']>i[class^='ion']:before,
.file-table [doc='zip']>i[class^='ion']:before,
.file-table [doc='rar']>i[class^='ion']:before,
.doc-search-result i[class='ion-android-list']:before,
.doc-search-result [doc='ppt']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='pdf']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='doc']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='docx']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='xls']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='xlsx']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='png']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='jpg']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='jpeg']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='zip']>.icon-name>i[class^='ion']:before,
.doc-search-result [doc='rar']>.icon-name>i[class^='ion']:before,
.i[class='ion-android-list']:before
 {
  content: '';
  width: 28px;
  height: 28px;
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center
}

.doc-search-result i[class*='ion-android-list']:before,
.file-table i[class='ion-android-list']:before {
  background-image: url('/static/images/file-type/file.png');
}

.doc-search-result [doc='pdf'] i[class^='ion']:before,
.file-table [doc='pdf']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/pdf.png');
}
.doc-search-result [doc='ppt'] i[class^='ion']:before,
.file-table [doc='ppt']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/ppt.png');
}
.doc-search-result [doc='doc'] i[class^='ion']:before,
.doc-search-result [doc='docx'] i[class^='ion']:before,
.file-table [doc='doc']>i[class^='ion']:before,
.file-table [doc='docx']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/doc.png');
}
.doc-search-result [doc='xls'] i[class^='ion']:before,
.doc-search-result [doc='xlsx'] i[class^='ion']:before,
.file-table [doc='xls']>i[class^='ion']:before,
.file-table [doc='xlsx']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/xls.png');
}
.doc-search-result [doc='zip'] i[class^='ion']:before,
.doc-search-result [doc='rar'] i[class^='ion']:before,
.file-table [doc='zip']>i[class^='ion']:before,
.file-table [doc='rar']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/zip.png');
}
.doc-search-result [doc='png'] i[class^='ion']:before,
.doc-search-result [doc='jpg'] i[class^='ion']:before,
.doc-search-result [doc='jpeg'] i[class^='ion']:before,
.file-table [doc='png']>i[class^='ion']:before,
.file-table [doc='jpg']>i[class^='ion']:before,
.file-table [doc='jpeg']>i[class^='ion']:before {
  background-image: url('/static/images/file-type/image.png');
}

.ion-load-a:before{
  animation: docloadmove 1s infinite;
  -webkit-animation: docloadmove 1s infinite; /* Safari 和 Chrome */
}

@keyframes docloadmove
{
from {transform: rotate(360deg);}
to {transform: rotate(720deg);}
}

@-webkit-keyframes docloadmove /*Safari and Chrome*/
{
from {transform: rotate(360deg);}
to {transform: rotate(720deg);}
}


/* 上传拖拽弹窗 --start-- */
  /*滚动条*/
  .draging #file_files ul::-webkit-scrollbar {
    width: 4px;    
  }
  .draging #file_files ul::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.2);
  }
  .draging #file_files ul::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 0;
      background: rgba(0,0,0,0.1);
  }
  .draging #file_files ul li hr {
      width: auto !important;
  }
  /*滚动条end*/

  .draging .file_name{
      font-weight:bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .draging .layui-upload-drag .layui-icon {
      font-size: 100px;
      color: #1E9FFF;
  }
  .draging .layui-upload-drag{
      width:400px;;
      height:150px;
  }
  .draging .none_file{
      display:none;
  }
  .draging #file_files ul{
      /*float:left;*/
  }
  .draging .remove_file{
      float: left;
      width: calc(100% - 25px);
      display: flex;
      margin-bottom:5px;
      padding: 5px 10px 0px 10px;
  }
  .body--mobile .draging .layui-upload-drag{
    width:80%;
  }
  .body--mobile .draging .remove_file{
    width: 80%;
  }
  .body--mobile .draging .layui-layer-content {
    height: auto !important;
  }
  .draging .text_p{
      float: right;
      display: flex;
      margin-bottom:5px;
      margin-right:10px;
      padding: 5px 10px 0px 10px;
  }
  .draging .text_p span{
      margin-top:2px;
      color: #1E9FFF;
      font-weight:bold;
      font-size:14px
  }
  .draging .layui-layer-btn{
      width: 90%;
      float:right;
      margin-top:10px;
  }
  .draging .file-list .file-del {
      margin-left: auto;
  }
  .draging .layui-layer-content {
      background: #fff;
      padding: 10px;
      height: auto !important;
  }
  .draging .layui-layer-setwin .layui-layer-close{
    font-size: 18px;
    color: rgb(111, 111, 111);
    text-align: center;
    line-height: 28px;
  }
/* 上传拖拽弹窗 --end-- */

.draging .doc-upload-mobile .remove_file{
  padding: 20px 0px;
  width: 100%;
  margin-bottom: 0px;
}
.draging .doc-upload-mobile .file_name{
  font-size: 16px;
  max-width: 75%;
  line-height: 24px;
}
.draging .doc-upload-mobile .text_p{
  font-size: 14px;
  color: #c1c1c2;
}
.draging .doc-upload-mobile .text_p span{
  font-weight: 500;
  margin-top: 0px;
  color: #ff4747;
}
.draging .doc-upload-mobile #up_loading .m_hidden{
  display: none;
}
.draging .doc-upload-mobile #up_loading .m_show{
  display: block;
}
.draging .doc-upload-mobile #up_loading{
  margin-left: auto;
  position: relative;
}
.draging .doc-upload-mobile #up_loading .layui-progress{
  width: 70px;
  position: absolute;
  left: -35px;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.draging .doc-upload-mobile #up_loading .layui-progress-bar{
  /*transition: all 3s;*/
  /*-webkit-transition: all 3s;*/
}
.draging .doc-upload-mobile #up_loading .custom_loading{
  transition: all .3s;
  -webkit-transition: all .3s;
}
.draging .doc-upload-mobile .file-list .file-del{
  font-size: 24px;
  font-weight: 700;
}

.file_upload_div--ocr .layui-upload-drag {
  height: 280px;
  align-content: center;
  font-weight: bold;
  font-size: 16px;
  padding: 20px;
}

.file_upload_div--ocr .layui-upload-drag .layui-icon {
  color: skyblue !important;
}

.draging .file_upload_div--ocr .layui-layer-btn{
  margin-top: 4px;
}


.doc-admin .datatables.file-table tbody tr td:nth-child(2) span.dir{
  cursor: pointer;
  white-space: nowrap;
  max-width: calc(80% - 56px);
  overflow:hidden;
  text-overflow: ellipsis;
  display: inline-block!important;
}
.doc-admin .datatables.file-table tbody tr td:nth-child(2) span.flag{
  position: absolute;
  white-space: nowrap;
  max-width: 20%;
  overflow:hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.doc-admin .datatables.file-table tbody tr td:nth-child(2) a{
  margin-top: 12px;
}

.doc-body .doc-bar .top-btn-group .btn-more {
  display: none !important;
}
@media screen and (max-width: 767px)  {
  .doc-body .layui-btn-group.top-btn-group .btn-upload-dir {
    display: none;
  }
}

.dsr-renanme{color: var(--link-color)!important;}
.file-form-result-check-back{background: var(--primary-color);border: 1px solid var(--primary-color)!important;}
.doc-body .file-form-result  .layui-form-checked--indeterminate .layui-icon::after{
  transform: translate(70%, 210%) scale(2) !important;
  left: 2px !important;
  top: -4px !important;
  border: 5px solid var(--primary-color) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  width: 0px!important;
  height: 0px!important;
  content: " ";
}
.doc-body .file-form-result .layui-form-checked .layui-icon{color: #fff!important;}
.doc-body .file-form-result .layui-form-checked .layui-icon::after{
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  right: 10px;
  top: 2px;
  width: 1.5px;
  left: 4px;
  height: 3.5px;
  content: " ";
  position: absolute;
  transform: rotate(45deg) scale(2) translate(50%, 0%);
  transition: all .1s ease;
}
.doc-body .file-form-result .body i[class^=ion]{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  vertical-align: bottom;
}
.doc-body .file-form-result .body i[class^=ion]::before{
    width: 14px !important;
    height: 14px !important;
    background-size: 14px !important;
    font-size: 28px;
    content: '';
}

.doc-body .file-form-result .body input[type=checkbox] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}

.doc-body .file-form-result .body input[type=checkbox]::before {
  position: absolute;
  width: 10px;
  height: 16px;
  top: 0;
  content: " ";
  color: #fff;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  border-radius: 3px;
}
.doc-body .file-form-result .body input[type=checkbox]:checked::before{
  background-color: var(--primary-color);
}
.doc-body .file-form-result .body input[type=checkbox]:checked::after {
  border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    right: 10px;
    top: 1px;
    width: 1.5px;
    left: 5px;
    height: 3.5px;
    content: " ";
    position: absolute;
    transform: rotate(45deg) scale(2) translate(50%, 0%);
    transition: all .1s ease;
  
}

.drag-upload__notify-checkbox {
  gap: 4px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 44px;
}
@media screen and (max-width: 767px) {
  .drag-upload__notify-checkbox {
    bottom: 24px;
  }
}

.doc-body .doc-action.manage-btn .btn-disabled[action="custom_wm"],
.doc-body .doc-bar .top-btn-group button.btn-disabled,
.doc-bar .btn-more .btn-disabled[data-action],
#popup-window.popup-window .popup-window__menu-item.btn-disabled
{
  color:#c1c1c1 !important;
}