:root {
  --primary-edocman-color: #205081;        /* Contrast tốt trên nền sáng */
  --secondary-edocman-color: #217a3b;      /* Đậm hơn để tăng contrast */
  --danger-edocman-color: #b22222;         /* Đậm hơn để dễ đọc */
  --info-edocman-color: #2276a0;           /* Đậm hơn */
  --warning-edocman-color: #b26a00;        /* Đậm hơn */
  --dark-edocman-color: #1a1a1a;           /* Đủ tối */
  --light-edocman-color: #ffffff;          /* Nền sáng */
  --success-edocman-color: #257a1b;        /* Đậm hơn */
  --new-edocman-color: #0b7d0f;            /* Đậm hơn */
  --text-edocman-color: #212121;           /* Đủ đậm */
  --border-edocman-radius: 8px;
  --box-shadow: 0 4px 6px #0000001a;
  --facebook-edocman-color: #1877f2;
  --twitter-edocman-color: #1da1f2;
  --linkedin-edocman-color: #0077b5;
  --bookmark-edocman-color: #6d3a7c;       /* Đậm hơn */
  --alert-danger-bg: #fff4f4;              /* Nền sáng nhẹ */
  --alert-danger-border: #b22222;
  --alert-danger-text: #721c24;
  --license-bg: #f8f9fa;
  --license-border: #e9ecef;
  --code-bg: #f1f3f5;
  --accent-edocman-color: #b22222;
  --light-edocman-gray: #f5f5f5;
  --border-radius: 8px;
  --dark-edocman-gray: #212121;
  --transition: all .3s ease;
  --pdf-color: #b22222;                    /* Đậm hơn */
  --doc-color: #205081;
  --docx-color: #205081;
  --xls-color: #257a1b;
  --xlsx-color: #257a1b;
  --ppt-color: #b26a00;
  --pptx-color: #b26a00;
}

.dark_layout {
  --primary-edocman-color: #7dc1ff;        /* Sáng hơn để nổi bật trên nền tối */
  --secondary-edocman-color: #7ddc9c;      /* Sáng hơn */
  --danger-edocman-color: #ff6f6f;         /* Sáng hơn */
  --info-edocman-color: #7dc1ff;           /* Sáng hơn */
  --warning-edocman-color: #ffc04d;        /* Sáng hơn */
  --dark-edocman-color: #181c20;           /* Nền rất tối */
  --light-edocman-color: #23272b;          /* Nền tối vừa */
  --success-edocman-color: #7ddc9c;
  --new-edocman-color: #45ff6b;
  --text-edocman-color: #ffffff;           /* Trắng hoàn toàn */
  --border-edocman-radius: 8px;
  --box-shadow: 0 4px 6px #0000004d;
  --facebook-edocman-color: #7dc1ff;
  --twitter-edocman-color: #7dc1ff;
  --linkedin-edocman-color: #7dc1ff;
  --bookmark-edocman-color: #b983ff;       /* Sáng hơn */
  --alert-danger-bg: #4a1e1e;
  --alert-danger-border: #ff6f6f;
  --alert-danger-text: #ffd6d6;
  --license-bg: #23272b;
  --license-border: #181c20;
  --code-bg: #23272b;
  --accent-edocman-color: #ff6f6f;
  --light-edocman-gray: #3a4250;
  --border-radius: 8px;
  --dark-edocman-gray: #ffffff;
  --transition: all .3s ease;
  --pdf-color: #ff6f6f;
  --doc-color: #7dc1ff;
  --docx-color: #7dc1ff;
  --xls-color: #7ddc9c;
  --xlsx-color: #7ddc9c;
  --ppt-color: #ffc04d;
  --pptx-color: #ffc04d;
}

.edgallery-container{text-align:left}
.edocman-container img{border:0 none}
.edocman-container h1,.edocman-container h2,.edocman-container h3{font-weight:300;width:auto!important;margin:5px 0;padding:0}
.edocman-filter-order{display:inline-block;float:right}
.edocman-filter-dir{float:right;display:inline-block}
.edocman-description{padding:0 5px 0 0;margin:0}
img.edocman-thumb-left{float:left!important;border-radius:5px 0 0 5px}
.grid img.edocman-thumb-left{margin:0!important;float:none!important}
img.edocman-thumb-right{margin:0 0 0 15px !important;float:right!important}
#edocman-categories h2.edocman-category-title{margin:14px 0!important}
#edocman-categories .edocman-category,#edocman-documents .edocman-document{margin-bottom:20px}
#edocman-categories .edocman-box-heading,#edocman-documents .edocman-box-heading,#edocman-document-page .edocman-box-heading{border-radius:5px 5px 0 0;color:#333;font-size:14px;font-weight:700;line-height:14px;padding:4px 8px;margin:0}
#edocman-categories .edocman-box-heading h3,#edocman-documents .edocman-box-heading h3,#edocman-document-page .edocman-box-heading h3{margin:0;line-height:18px}
.edocman-box-heading .dropdown-menu [class^="icon-"]:before,.edocman-box-heading .dropdown-menu [class*=" icon-"]:before{position:relative;left:-5px}
#edocman-categories .edocman-description,#edocman-documents .edocman-description,#edocman-document-page .edocman-description{border-radius:0 0 7px 7px;margin:0;padding:10px}
#edocman-categories .edocman-category img{margin:0 10px 0 0;padding:0!important}
#edocman-categories .edocman-box-heading,#edocman-documents .edocman-box-heading,#edocman-document-page .edocman-box-heading{background:linear-gradient(to bottom,#fff,#f5f7fa);border:1px solid #E0E0E0;border-radius:8px 8px 0 0;padding:15px 20px;font-weight:600;color:#2d3748;box-shadow:0 1px 3px #0000000d;margin-bottom:0}
#edocman-categories .edocman-description,#edocman-documents .edocman-description,#edocman-document-page .edocman-description{border:1px solid #E0E0E0 ;border-top:none;border-radius:0 0 8px 8px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #00000008;margin-bottom:25px}
.edocman-description-details{text-align:left}
.edocman-description-details p{text-align:left}
#edocman-category{padding:10px 0;display:flex;flex-wrap:wrap}
#edocman-category h1.edocman-page-heading,h1.edocman-page-heading{margin:0 0 10px!important;display:inline;font-weight:300;display:block}
.edocman-document .edocman-document-properties{width:290px;background:#ECF4FB;padding:5px 5px 5px 10px;margin:0 5px 5px;float:right}
#edocman-documents a:hover{text-decoration:none!important}
#edocman-documents h3.edocman-document-title img{float:left!important;margin:0 10px 0 0}
.edocman-taskbar{padding:0 0 6px;margin:0 0 6px;list-style-type:none}
.edocman-taskbar .btn{background-image:none}
.edocman-taskbar ul{margin:0!important;padding:0!important}
.edocman-taskbar li{float:left!important;list-style-type:none!important;background-image:none!important;padding:0 5px 0 0 !important;margin:.5em 0 2px!important}
.edocman-taskbar li a:link,.edocman-taskbar li a:visited,.edocman-taskbar li a:hover{text-decoration:none}
#edocman-document{padding:0 15px 15px}
#edocman-document-details{padding:10px 0}
#edocman-document-page h1.edocman-page-heading{margin:0 0 10px!important;display:inline;line-height:50px;font-weight:300}
#edocman-document-page h1.edocman-page-heading span{line-height:16px}
#fb-share-button{display:inline}
#edocman-share-text{float:left;font-weight:700;padding-top:15px;font-size:150%}
#edocman-document-info{margin-top:15px}
#edocman-document-info table{margin-top:10px;border:1px solid #e9ecef}
#edocman-document-info table td{border-left:1px solid #e9ecef;border-top:1px solid #e9ecef}
.edocman-table-filetype-col{width:18%}
.edocman-table-filesize-col{width:10%}
.edocman-created-date-col{width:10%;text-align:center}
.edocman-table-download-col{width:20%}
.edocman-edit-delete{width:18%}
span.error{color:red}
span.sort_by_title{font-weight:400;padding-right:5px}
a.pointer{cursor:pointer}
.edocman_upload_link{font-weight:400;padding-right:10px;font-size:150%}
.fltlft{float:left}
ul.edocman_tag_container li.edocman_tag_item{float:left;list-style:none!important;margin:0;padding:0;line-height:35px;border-radius:1px 1px 1px 1px;margin-bottom:-1px;background:#efefef;border:1px solid #CCC;margin:0 5px!important}
ul.edocman_tag_container li.edocman_tag_item a{text-transform:capitalize;color:#000;display:block;outline:medium none;padding:0 10px;text-decoration:none;line-height:25px;margin:0;font-weight:400;font-size:12px}
.taged_label{color:#095197;float:left;font-weight:700;padding:3px 25px 7px 8px;text-transform:capitalize;background:url(../images/icon-arrow.jpg) no-repeat 104px 2px}
ul.edocman_tag_container li.edocman_tag_item a:hover,ul.edocman_tag_container li.edocman_tag_item a:active,ul.edocman_tag_container li.edocman_tag_item a:focus{background-color:#ddd;color:#000;border-radius:1px}
td.edocman_document_list_title ul.edocman_tag_container{padding-left:0;margin-bottom:0}
ul.edocman_tag_container li{list-style:none}
.dm_row ul{margin:0!important;padding:0!important}
.edocman_unpublished{background-color:#771313;border-color:#0000001a #0000001a #00000040;color:#FFF;text-shadow:0 -1px 0 #00000040;vertical-align:baseline;white-space:nowrap;font-size:11px;border-radius:2px 2px 2px 2px;padding:1px 2px;font-weight:400;text-transform:capitalize;margin-right:8px;display:inline-block}
.edocman_featured{background-color:#476c1c;border-color:#0000001a #0000001a #00000040;color:#FFF;text-shadow:0 -1px 0 #00000040;vertical-align:baseline;white-space:nowrap;font-size:11px;border-radius:2px 2px 2px 2px;padding:1px 2px;font-weight:400;text-transform:capitalize;margin-right:8px;display:inline-block}
.edocman_hot {
  background-color: #a45b00; /* Đậm hơn, đạt chuẩn */
  border-radius: 2px;
  padding: 0 2px;
  color: #FFF;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 12px;
  text-shadow: 0 -1px 0 #00000040;
  vertical-align: baseline;
  border-color: #0000001a #0000001a #00000040;
  display: inline-block;
}

.edocman_new{background-color:#9b310b;border-radius:2px 2px 2px 2px;padding:0 2px;color:#FFF;font-weight:600;text-transform:capitalize;font-size:12px;text-shadow:0 -1px 0 #00000040;vertical-align:baseline;border-color:#0000001a #0000001a #00000040;margin-right:8px;display:inline-block}
.edocman_updated{background-color:#125b16;border-radius:2px 2px 2px 2px;padding:0 2px;color:#FFF;font-weight:600;text-transform:capitalize;font-size:12px;text-shadow:0 -1px 0 #00000040;vertical-align:baseline;border-color:#0000001a #0000001a #00000040;margin-right:8px;display:inline-block}
span.indicators{padding-left:10px}
.edocman-document{transition:all .5s;-webkit-transition:all .5s}
.edocman-sort-direction,.edocman-document-sorting{float:right;width:auto}
.edocman-document-sorting{margin:0 10px 0 0;width:auto}
.sortPagiBar{margin-top:5px;margin-bottom:5px}
div.sortPagiBar select{display:inline-block}
.edocman-rss-icon{display:inline-block}
[class^="edocman-icon-"],[class*="edocman-icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url(../bootstrap/img/glyphicons-halflings.png);background-position:14px 14px;background-repeat:no-repeat}
.edocman-icon-white,.nav-pills > .active > a > [class^="edocman-icon-"],.nav-pills > .active > a > [class*=" edocman-icon-"],.nav-list > .active > a > [class^="edocman-icon-"],.nav-list > .active > a > [class*=" edocman-icon-"],.navbar-inverse .nav > .active > a > [class^="edocman-icon-"],.navbar-inverse .nav > .active > a > [class*=" edocman-icon-"],.dropdown-menu > li > a:hover > [class^="edocman-icon-"],.dropdown-menu > li > a:focus > [class^="edocman-icon-"],.dropdown-menu > li > a:hover > [class*=" edocman-icon-"],.dropdown-menu > li > a:focus > [class*=" edocman-icon-"],.dropdown-menu > .active > a > [class^="edocman-icon-"],.dropdown-menu > .active > a > [class*=" edocman-icon-"],.dropdown-submenu:hover > a > [class^="edocman-icon-"],.dropdown-submenu:focus > a > [class^="edocman-icon-"],.dropdown-submenu:hover > a > [class*=" edocman-icon-"],.dropdown-submenu:focus > a > [class*=" edocman-icon-"]{background-image:url(../bootstrap/img/glyphicons-halflings-white.png)}
.edocman-icon-glass{background-position:0 0}
.edocman-icon-music{background-position:-24px 0}
.edocman-icon-search{background-position:-48px 0}
.edocman-icon-envelope{background-position:-72px 0}
.edocman-icon-heart{background-position:-96px 0}
.edocman-icon-star{background-position:-120px 0}
.edocman-icon-star-empty{background-position:-144px 0}
.edocman-icon-user{background-position:-168px 0}
.edocman-icon-film{background-position:-192px 0}
.edocman-icon-th-large{background-position:-216px 0}
.edocman-icon-th{background-position:-240px 0}
.edocman-icon-th-list{background-position:-264px 0}
.edocman-icon-ok{background-position:-288px 0}
.edocman-icon-remove{background-position:-312px 0}
.edocman-icon-zoom-in{background-position:-336px 0}
.edocman-icon-zoom-out{background-position:-360px 0}
.edocman-icon-off{background-position:-384px 0}
.edocman-icon-signal{background-position:-408px 0}
.edocman-icon-cog{background-position:-432px 0}
.edocman-icon-trash{background-position:-456px 0}
.edocman-icon-home{background-position:0 -24px}
.edocman-icon-file{background-position:-24px -24px}
.edocman-icon-time{background-position:-48px -24px}
.edocman-icon-road{background-position:-72px -24px}
.edocman-icon-download-alt{background-position:-96px -24px}
.edocman-icon-download{background-position:-120px -24px}
.edocman-icon-upload{background-position:-144px -24px}
.edocman-icon-inbox{background-position:-168px -24px}
.edocman-icon-play-circle{background-position:-192px -24px}
.edocman-icon-repeat{background-position:-216px -24px}
.edocman-icon-refresh{background-position:-240px -24px}
.edocman-icon-list-alt{background-position:-264px -24px}
.edocman-icon-lock{background-position:-287px -24px}
.edocman-icon-flag{background-position:-312px -24px}
.edocman-icon-headphones{background-position:-336px -24px}
.edocman-icon-volume-off{background-position:-360px -24px}
.edocman-icon-volume-down{background-position:-384px -24px}
.edocman-icon-volume-up{background-position:-408px -24px}
.edocman-icon-qrcode{background-position:-432px -24px}
.edocman-icon-barcode{background-position:-456px -24px}
.edocman-icon-tag{background-position:0 -48px}
.edocman-icon-tags{background-position:-25px -48px}
.edocman-icon-book{background-position:-48px -48px}
.edocman-icon-bookmark{background-position:-72px -48px}
.edocman-icon-print{background-position:-96px -48px}
.edocman-icon-camera{background-position:-120px -48px}
.edocman-icon-font{background-position:-144px -48px}
.edocman-icon-bold{background-position:-167px -48px}
.edocman-icon-italic{background-position:-192px -48px}
.edocman-icon-text-height{background-position:-216px -48px}
.edocman-icon-text-width{background-position:-240px -48px}
.edocman-icon-align-left{background-position:-264px -48px}
.edocman-icon-align-center{background-position:-288px -48px}
.edocman-icon-align-right{background-position:-312px -48px}
.edocman-icon-align-justify{background-position:-336px -48px}
.edocman-icon-list{background-position:-360px -48px}
.edocman-icon-indent-left{background-position:-384px -48px}
.edocman-icon-indent-right{background-position:-408px -48px}
.edocman-icon-facetime-video{background-position:-432px -48px}
.edocman-icon-picture{background-position:-456px -48px}
.edocman-icon-pencil{background-position:0 -72px}
.edocman-icon-map-marker{background-position:-24px -72px}
.edocman-icon-adjust{background-position:-48px -72px}
.edocman-icon-tint{background-position:-72px -72px}
.edocman-icon-edit{background-position:-96px -72px}
.edocman-icon-share{background-position:-120px -72px}
.edocman-icon-check{background-position:-144px -72px}
.edocman-icon-move{background-position:-168px -72px}
.edocman-icon-step-backward{background-position:-192px -72px}
.edocman-icon-fast-backward{background-position:-216px -72px}
.edocman-icon-backward{background-position:-240px -72px}
.edocman-icon-play{background-position:-264px -72px}
.edocman-icon-pause{background-position:-288px -72px}
.edocman-icon-stop{background-position:-312px -72px}
.edocman-icon-forward{background-position:-336px -72px}
.edocman-icon-fast-forward{background-position:-360px -72px}
.edocman-icon-step-forward{background-position:-384px -72px}
.edocman-icon-eject{background-position:-408px -72px}
.edocman-icon-chevron-left{background-position:-432px -72px}
.edocman-icon-chevron-right{background-position:-456px -72px}
.edocman-icon-plus-sign{background-position:0 -96px}
.edocman-icon-minus-sign{background-position:-24px -96px}
.edocman-icon-remove-sign{background-position:-48px -96px}
.edocman-icon-ok-sign{background-position:-72px -96px}
.edocman-icon-question-sign{background-position:-96px -96px}
.edocman-icon-info-sign{background-position:-120px -96px}
.edocman-icon-screenshot{background-position:-144px -96px}
.edocman-icon-remove-circle{background-position:-168px -96px}
.edocman-icon-ok-circle{background-position:-192px -96px}
.edocman-icon-ban-circle{background-position:-216px -96px}
.edocman-icon-arrow-left{background-position:-240px -96px}
.edocman-icon-arrow-right{background-position:-264px -96px}
.edocman-icon-arrow-up{background-position:-289px -96px}
.edocman-icon-arrow-down{background-position:-312px -96px}
.edocman-icon-share-alt{background-position:-336px -96px}
.edocman-icon-resize-full{background-position:-360px -96px}
.edocman-icon-resize-small{background-position:-384px -96px}
.edocman-icon-plus{background-position:-408px -96px}
.edocman-icon-minus{background-position:-433px -96px}
.edocman-icon-asterisk{background-position:-456px -96px}
.edocman-icon-exclamation-sign{background-position:0 -120px}
.edocman-icon-gift{background-position:-24px -120px}
.edocman-icon-leaf{background-position:-48px -120px}
.edocman-icon-fire{background-position:-72px -120px}
.edocman-icon-eye-open{background-position:-96px -120px}
.edocman-icon-eye-close{background-position:-120px -120px}
.edocman-icon-warning-sign{background-position:-144px -120px}
.edocman-icon-plane{background-position:-168px -120px}
.edocman-icon-calendar{background-position:-192px -120px}
.edocman-icon-random{width:16px;background-position:-216px -120px}
.edocman-icon-comment{background-position:-240px -120px}
.edocman-icon-magnet{background-position:-264px -120px}
.edocman-icon-chevron-up{background-position:-288px -120px}
.edocman-icon-chevron-down{background-position:-313px -119px}
.edocman-icon-retweet{background-position:-336px -120px}
.edocman-icon-shopping-cart{background-position:-360px -120px}
.edocman-icon-folder,.edocman-icon-folder-close{width:16px;background-position:-384px -120px}
.edocman-icon-folder-open{width:16px;background-position:-408px -120px}
.edocman-icon-resize-vertical{background-position:-432px -119px}
.edocman-icon-resize-horizontal{background-position:-456px -118px}
.edocman-icon-hdd{background-position:0 -144px}
.edocman-icon-bullhorn{background-position:-24px -144px}
.edocman-icon-bell{background-position:-48px -144px}
.edocman-icon-certificate{background-position:-72px -144px}
.edocman-icon-thumbs-up{background-position:-96px -144px}
.edocman-icon-thumbs-down{background-position:-120px -144px}
.edocman-icon-hand-right{background-position:-144px -144px}
.edocman-icon-hand-left{background-position:-168px -144px}
.edocman-icon-hand-up{background-position:-192px -144px}
.edocman-icon-hand-down{background-position:-216px -144px}
.edocman-icon-circle-arrow-right{background-position:-240px -144px}
.edocman-icon-circle-arrow-left{background-position:-264px -144px}
.edocman-icon-circle-arrow-up{background-position:-288px -144px}
.edocman-icon-circle-arrow-down{background-position:-312px -144px}
.edocman-icon-globe{background-position:-336px -144px}
.edocman-icon-wrench{background-position:-360px -144px}
.edocman-icon-tasks{background-position:-384px -144px}
.edocman-icon-filter{background-position:-408px -144px}
.edocman-icon-briefcase{background-position:-432px -144px}
.edocman-icon-fullscreen{background-position:-456px -144px}
.nav>.active>a>[class^="icon-"],.nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url(../images/glyphicons-halflings-white.png)}
.edocman-icon-th-large{background-position:-216px 0}
.edocman-icon-th{background-position:-240px 0}
.edocman-icon-th-list{background-position:-264px 0}
.edocman_logo{margin:0!important}
a.edocman-download-link{color:#333}
table.table-document{width:100%}
.table-document thead th{background-color:#FFF;color:#000;border-bottom:1px solid #ddd;font-weight:600}
.table-document tbody tr:nth-child(odd) td{background-color:#FFF}
.table-document tbody tr:nth-child(even) td{background-color:#f7f7f7}
.table-document td{padding:15px 5px!important}
.edocman-document-title-col{width:25%}
.edocman-category-title-td{width:100%;text-decoration:none!important;font-size:15px}
.table-document thead tr th.edocman-document-thumb-col{width:5%!important}
.table-document thead tr th.edocman-document-icon-col{width:1%!important}
.table-document tbody tr td.edocman-document-thumb-td{width:5%!important;text-align:center;font-size:22px;padding:17px 0!important;vertical-align:top!important}
.table-document tbody tr td.edocman-document-icon-td{width:1%!important;text-align:center;font-size:22px;padding:17px 0!important;vertical-align:top!important}
.edocman-document-title-td{width:22%;vertical-align:top}
.edocman-document-title-td .edocman-document-title-td-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.edocman-document-title-td a{color:#333;text-decoration:none!important;font-weight:300;font-size:15px}
.edocman-document-title-td a:hover,
.edocman-document-title-td a:visited {
  color: #2541b2; /* xanh đậm, đạt chuẩn */
  text-decoration: underline; /* giúp phân biệt trạng thái */
}
.edocman-document-title-td .downloadinformation,.edocman-document-title-td .sizeinformation,.edocman-document-title-td .dateinformation,.edocman-document-title-td .downloadinformation{font-size:11px;color:#707070;font-style:normal;display:inline}
.edocman-document-title-td .sizeinformation,.edocman-document-title-td .dateinformation,.edocman-document-title-td .downloadinformation{padding-left:5px}
.edocman-document-category-col{width:15%}
.edocman-document-category-td{width:15%}
.edocman-description-details .edocman_thumbnail{cursor:pointer;float:left;margin:0 10px 10px 0;max-width:25%;min-width:50px}
.edocman-description-details .thumbnail{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000000e;display:block;line-height:20px;padding:4px;transition:all .2s ease-in-out 0}
.edocman_document_details_information{font-size:11px;margin-top:-5px;font-weight:400!important;float:left}
.edocman_document_details_information > span:first-child::before{content:"";padding:0}
.edocman_document_details_information > span::before{content:" *";padding:0 3px}
@media screen and (max-width: 600px) {
#table-document{width:100%}
#table-document td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}
#table-document thead{display:none}
#table-document tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd}
#table-document td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc;width:100%}
#table-document td:last-child{border-bottom:0}
#table-document td.edocman-document-icon-td{display:none}
}
.edocman-title-col{width:25%}
.edocman-filetype-col{width:11%}
.edocman-filesize-col{width:10%}
.edocman-createddate-col{width:20%}
.edocman-lock-col{width:10%}
#userdocumentstable{margin-top:10px}
#userdocumentstable thead th{background-color:#696969!important;color:#FFF!important}
#userdocumentstable thead th a{text-decoration:none; color:#FFF!important}
.red{color:red}
.green{color:green}
@media screen and (max-width: 600px) {
#userdocumentstable{width:100%}
#userdocumentstable td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}
#userdocumentstable thead{display:none}
#userdocumentstable tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd}
#userdocumentstable td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc!important;width:100%}
#userdocumentstable td:last-child{border-bottom:0}
}
.licensebox{background-color:#efefef;border-top:1px solid #CCC;border-left:1px solid #CCC;padding:10px;border-right:1px solid #EEE;border-bottom:1px solid #EEE}
.downloaddisabled{pointer-events:none;cursor:default;opacity:.6}
.expired{font-size:11px;color:#fff;background-color:#ed6d70;border-radius:3px;padding:3px}
.filemissing{font-size:11px;color:#434c5b;background-color:#f4cc2d;border-radius:3px;padding:3px}
.sortPagiBarRight{width:100%}
.modal-body-download{padding-left:10px}
.width100{width:100%}
.paddinglelf15{padding-left:15px}
.btn-secondary span{color:#fff}
.edocman-thumb-left{margin-right:10px}
@media (max-width: 768px) {
.edocman-thumb-left{max-width:130px!important}
}
.edocman-document-property-value{border-left:0!important;border-top:0!important;border-right:0!important;border-bottom:1px solid #eee!important}
#documentdetails tr:last-child td.edocman-document-property-value{border-bottom:0!important}
td.edocman-document-property-label{width:20%;text-align:left;font-weight:600;border-right:1px solid #e9e9e9!important;border-top:0!important;border-bottom:1px solid #e9e9e9!important}
#documentdetails tr:last-child td.edocman-document-property-label{border-bottom:0!important}
#documentdetails tr:nth-of-type(2n+1) td{background:#f2f2f2}
#documentdetails tr:nth-of-type(2n) td{background:#f5f5f5}
.edocman-download-link{background-color:#006dcc;color:#fff;border-radius:12px;padding:5px 15px;text-decoration:none!important;white-space:nowrap;display:inline-block}
.edocman_download_label{color:#FFF;font-size:13px}
.alignright{text-align:right!important}
.aligncenter{text-align:center!important}
.edocman-document-desc-col{width:25%;vertical-align:top;color:#707070}
.view-play{padding:0!important}
.fontsmall{font-size:11px}
.table-list,.item-thumb img,figure img,.item-thumb .thumb-caption,figure .thumb-caption,.item-thumb .hover-effect:before,figure .hover-effect:before,.item-thumb .hover-effect:after,figure .hover-effect:after,.grid-view .figure-block,.grid-view .item-thumb,.grid-view figure,.grid-view .property-item .item-body,.grid-view .property-item .body-left,.grid-view .property-item .body-right,.grid-view .property-item-v2 .figure-block,{width:100%}
.item-thumb .hover-effect:before,figure .hover-effect:before,.item-thumb .hover-effect:after,figure .hover-effect:after{height:100%}
iframe,img{max-width:100%}
.item-thumb,figure,.item-body .table-cell{position:relative}
.item-thumb .label-featured,figure .label-featured,.item-thumb .actions,figure .actions,.item-thumb .price,figure .price,.item-thumb .item-price-block,figure .item-price-block,.item-thumb .hover-effect:before,figure .hover-effect:before,.item-thumb .hover-effect:after,figure .hover-effect:after,.item-thumb .ratingColumn,figure .ratingColumn,.label-right{position:absolute}
.hover-effect,.item-thumb .price .item-price,figure .price .item-price,.item-thumb .price .item-sub-price,figure .price .item-sub-price,.item-thumb .hover-effect:before,figure .hover-effect:before,.property-listing.list-view .hide-on-grid,.grid-view .figure-block,.grid-view .item-thumb,.grid-view figure,.grid-view .property-item,.grid-view .property-item .table-cell,.grid-view .property-item-v2 .figure-block,.item-body{display:block}
.table-list,.header-top{display:table}
.table-cell{display:table-cell}
.item-thumb .hover-effect:before,figure .hover-effect:before,.item-thumb .hover-effect:after,figure .hover-effect:after,.property-item-v2 .item-body-top,.banner-module .slider-caption .label-wrap{left:0}
.item-thumb .hover-effect:after,figure .hover-effect:after{right:0}
.item-thumb .hover-effect:before,figure .hover-effect:before,.item-thumb .hover-effect:after,figure .hover-effect:after{top:0}
.item-thumb .hover-effect:before,figure .hover-effect:before{-webkit-transition:.2s;transition:.2s}
.item-thumb .hover-effect:after,figure .hover-effect:after{-webkit-transition:.3s;transition:.3s}
.item-thumb .label-featured,figure .label-featured{z-index:3;top:12px;left:12px}
.item-thumb .actions,figure .actions{z-index:4;right:12px;bottom:12px}
.item-thumb .ratingColumn,figure .ratingColumn{z-index:4;bottom:12px;right:12px}
.item-thumb .price,figure .price{z-index:4;bottom:12px;left:12px;text-align:left}
.item-thumb .price .rant,figure .price .rant{color:#fff}
.item-thumb .price .price-start,figure .price .price-start{color:#fff!important}
.item-thumb .price .item-price,figure .price .item-price{color:#fff!important}
.item-thumb .price .item-sub-price,figure .price .item-sub-price{color:#fff!important}
.item-thumb .item-price-block,figure .item-price-block{bottom:12px;left:12px}
.item-thumb .blue,figure .blue{color:#fff}
.item-thumb .thumb-caption,figure .thumb-caption{padding:12px;position:absolute;top:inherit;right:0;bottom:0;left:0;z-index:3}
.item-thumb .thumb-caption .cap-price,figure .thumb-caption .cap-price{color:#fff}
.item-thumb .thumb-caption .actions,figure .thumb-caption .actions{color:#fff}
.item-thumb .hover-effect:before,figure .hover-effect:before{z-index:2;content:'';background-color:#ffffff80;opacity:0}
.item-thumb .hover-effect:after,figure .hover-effect:after{z-index:1;content:'';opacity:1;background:transparent;background:-webkit-linear-gradient(top,transparent 0%,transparent 0%,#0003 65%,#000c 100%);background:linear-gradient(to bottom,transparent 0%,transparent 0%,#0003 65%,#000c 100%)}
.item-thumb:hover .hover-effect:before,figure:hover .hover-effect:before{z-index:2;background-image:none;opacity:.5}
.item-thumb:hover .hover-effect:after,figure:hover .hover-effect:after{opacity:0}
.item-thumb:hover .detail h3,figure:hover .detail h3{color:#fff}
.item-thumb:hover a,figure:hover a{color:#fff}
.item-thumb .label-featured,figure .label-featured{font-size:10px;line-height:11px;font-weight:500;margin:0;text-transform:uppercase}
.item-thumb .thumb-caption .cap-price,figure .thumb-caption .cap-price{font-size:16px;line-height:16px;font-weight:500;margin:0}
.item-price a{color:#FFF!important;font-weight:500;text-decoration:none!important}
.item-thumb .thumb-caption .cap-social,figure .thumb-caption .cap-social{font-size:12px;line-height:12px;font-weight:500;margin:0;text-transform:uppercase}
.item-body{padding:0 5px}
.edocman-document figure{margin:0}
.body-left{margin-bottom:15px}
.info-row{text-align:left}
.edocman-description-column{color:#9b9b9b}
.item-foot{padding:14px 0;background-color:#fff}
.item-foot-left{float:left;padding:0}
.item-foot-right{float:right;padding:0}
.item-foot p{font-size:12px!important;line-height:20px!important;margin:0!important;padding-left:10px 0 10px 0;color:#9b9b9b}
.label-wrap{margin-bottom:5px}
.label-right{max-width:240px}
.label-right .label{margin-left:5px;margin-right:0}
.label-wrap .label{position:relative;margin-right:5px;color:#fff;border-radius:2px;font-size:10px;padding:3px 6px 2px;text-transform:uppercase;line-height:11px;font-weight:500}
.label-right{right:12px;text-align:right}
.label-left,.label-right{top:12px;z-index:3}
.label-wrap{line-height:normal}
.label-status{background-color:#333!important}
.label-color-201{background-color:#a81b1b!important}
.label-color-202{background-color:#d33!important}
.label-default,.label-status{background-color:#bcbcbc}
.label,label{margin-bottom:5px}
.item-thumb .label-featured,figure .label-featured,.carousel-module .carousel .item figure .label-featured{background-color:#77c720;color:#fff}
.item-thumb .label-featured,figure .label-featured{font-size:10px;line-height:11px;font-weight:500;margin:0;text-transform:uppercase}
.item-thumb .label-featured,figure .label-featured{z-index:3;top:12px;left:12px}
.nodisplay{display:none}
#login-form,#form-content{overflow:hidden}
.columnlayouts{padding-top:30px}
.columnlayouts .edocman-document{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 4px #00000014;text-align:center;transition:transform .2s ease-in-out}
.columnlayouts .edocman-document:hover{transform:translateY(-3px) scale(1.01)}
.relateddocuments{padding-top:10px;padding-bottom:10px}
.relateddocuments h3{text-transform:uppercase}
.unsubscribeform{margin-top:20px}
.tg-featureditem{padding:5px;position:relative;overflow:hidden}
.tg-featureditem .tg-img-holder{width:100%;float:left;margin:0;overflow:hidden;position:relative;border:1px solid #999}
.tg-featureditem img{-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;z-index:1;width:100%;height:auto;display:block;position:relative}
.tg-featureditem figcaption{-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;top:0;left:0;z-index:3;width:100%;height:100%;padding:0;position:absolute;display:block}
.tg-featureditem figcaption::after{left:0;bottom:0;width:100%;height:100%;content:'';position:absolute;background:-moz-linear-gradient(top,#37354200 0%,#37354200 21%,#3735420f 29%,#3735423b 42%,#373542cf 81%,#373542f0 92%,#373542ff 100%);background:-webkit-linear-gradient(top,#37354200 0%,#37354200 21%,#3735420f 29%,#3735423b 42%,#373542cf 81%,#373542f0 92%,#373542ff 100%);background:linear-gradient(to bottom,#37354200 0%,#37354200 21%,#3735420f 29%,#3735423b 42%,#373542cf 81%,#373542f0 92%,#373542ff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00373542',endColorstr='#373542',GradientType=0)}
.tg-featureditem figcaption:hover:after{bottom:100%}
.tg-featureditem figcaption::before{top:100%;left:0;width:100%;height:100%;content:'';position:absolute;background:#37354299}
.tg-featureditem figcaption:hover:before{top:0}
.tg-featureditem .tg-img-holder:hover img{-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);-o-filter:blur(10px);filter:blur(10px)}
.tg-featureditemcontent{left:0;bottom:0;color:#fff;z-index:3;width:100%;height:0;padding:0;text-align:center;overflow:hidden;position:absolute;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.tg-featureditem figcaption:hover .tg-featureditemcontent{padding:45% 0;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms}
.tg-description{width:100%}
.tg-featureditem figcaption:after,.tg-featureditem figcaption:before,.tg-featureditem figcaption{-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out}
.tg-border-heading{width:100%;float:left;padding:0 0 20px;margin:0 0 50px;position:relative}
.tg-border-heading h3{margin:0;line-height:18px}
.tg-border-heading:before{left:50%;bottom:0;width:70px;height:1px;content:'';position:absolute;margin:0 0 0 -35px}
.tg-border-heading h3 a{text-decoration:none!important;font-size:40px}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}
.edocman_title_col{width:20%}
.edocman_field_cell{width:80%}
/* ==========================================
   EDIT UPLOADED DOCUMENTS - OPTIMIZED
   ========================================== */

.edit_documents {
    border: 1px solid var(--license-border);
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    background: var(--light-edocman-color);
}

/* TABLE HEADER */
.edit_documents tr th {
    background: linear-gradient(to bottom, #999999, #808080) !important;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    padding: 14px 16px !important;
    border-bottom: 2px solid #666666;
}

/* TABLE CELLS */
.edit_documents tr td {
    padding: 16px !important;
    border-bottom: 1px solid var(--license-border);
    text-align: left; /* Đổi từ center sang left cho dễ đọc */
    border-right: 1px solid var(--license-border);
    vertical-align: top;
    transition: var(--transition);
}

.edit_documents tr td:last-child {
    border-right: 0;
}

/* STRIPED ROWS */
.edit_documents tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

.edit_documents tr:nth-child(even) td {
    background-color: #ffffff;
}

/* HOVER EFFECT */
.edit_documents tr:hover td {
    background-color: #e9ecef !important;
}

/* FILE NAME COLUMN */
.edit_documents tr td:first-child {
    font-weight: 600;
    color: var(--text-edocman-color);
    word-break: break-all;
}

/* INPUT FIELDS IN TABLE */
.edit_documents input[type="text"],
.edit_documents textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #cccccc !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--text-edocman-color) !important;
    font-size: 14px !important;
    transition: var(--transition);
    box-sizing: border-box;
}

.edit_documents input[type="text"]:focus,
.edit_documents textarea:focus {
    border-color: var(--primary-edocman-color) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(32, 80, 129, 0.1) !important;
    background: rgba(32, 80, 129, 0.02) !important;
}

.edit_documents textarea {
    min-height: 100px !important;
    resize: vertical;
}

/* DARK MODE */
.dark_layout .edit_documents {
    border-color: var(--license-border);
    background: var(--light-edocman-color);
}

.dark_layout .edit_documents tr th {
    background: linear-gradient(to bottom, #4a4a4a, #3a3a3a) !important;
}

.dark_layout .edit_documents tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, 0.03);
}

.dark_layout .edit_documents tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.01);
}

.dark_layout .edit_documents tr:hover td {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.dark_layout .edit_documents input[type="text"],
.dark_layout .edit_documents textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--license-border) !important;
    color: var(--text-edocman-color) !important;
}

.dark_layout .edit_documents input[type="text"]:focus,
.dark_layout .edit_documents textarea:focus {
    border-color: var(--primary-edocman-color) !important;
    box-shadow: 0 0 0 3px rgba(125, 193, 255, 0.1) !important;
    background: rgba(125, 193, 255, 0.05) !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .edit_documents {
        display: block;
        overflow-x: auto;
        border-radius: 0;
    }
    
    .edit_documents tr th,
    .edit_documents tr td {
        padding: 10px 8px !important;
        font-size: 12px !important;
    }
    
    .edit_documents input[type="text"],
    .edit_documents textarea {
        font-size: 13px !important;
        padding: 8px !important;
    }
}

.toolbarbuttons{text-align:right;padding-bottom:10px}
/* ==========================================
   EDIT DOCUMENTS - TOOLBAR BUTTONS (COMPACT)
   ========================================== */

.toolbarbuttons {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 1.5rem;
}

.toolbarbuttons .btn {
    border: none !important;
    border-radius: var(--border-radius) !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 100px;
}

.toolbarbuttons .btn-warning {
    background: var(--warning-edocman-color) !important;
    color: #ffffff !important;
}

.toolbarbuttons .btn-warning:hover {
    background: #996000 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(204, 153, 0, 0.3);
}

.toolbarbuttons .btn-success {
    background: var(--success-edocman-color) !important;
    color: #ffffff !important;
}

.toolbarbuttons .btn-success:hover {
    background: var(--new-edocman-color) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

/* MOBILE */
@media (max-width: 768px) {
    .toolbarbuttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .toolbarbuttons .btn {
        width: 100%;
    }
}

.edocman_tag_container{margin-bottom:10px}
.edocman_tag_container > li > a{background:#ec5757;border-bottom-right-radius:4px;border-top-right-radius:4px;padding:0 10px 0 12px;text-decoration:none;float:left;color:#fff!important}
.edocman_tag_container > li > a::before{border-color:transparent #ec5757 transparent transparent;border-style:solid;border-width:12px 12px 12px 0;content:"";float:left;height:0;left:-12px;position:absolute;top:0;width:0}
.edocman_tag_container > li{margin:1px 14px 0 0;float:left;height:24px;line-height:24px;position:relative}
.edocman_tag_container > li > a::after{background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:-1px -1px 2px #004977;content:"";float:left;height:4px;left:0;position:absolute;top:10px;width:4px}
#edocman-document-page a{text-decoration:none!important}
a.social_sharing_button{padding:2px;font-size:20px}
table.edocman_document_list tr td{border-bottom:1px solid #DDD;padding:18px 0}
table.edocman_document_list tr th{background-color:#FFF;color:#000;border-bottom:1px solid #DDD}
table.edocman_document_list tr:last-child td{border-bottom:0}
table.edocman_document_list .edocman_document_list_icon{width:5%;vertical-align:top;padding:21px 2px;font-size:17px}
table.edocman_document_list .edocman_document_list_title{width:70%;padding-left:5px}
table.edocman_document_list th.edocman_document_list_hits_th{text-align:center}
table.edocman_document_list .edocman_document_list_hits{text-align:center;vertical-align:top}
table.edocman_document_list .edocman_document_list_title a{color:#646566;font-weight:700;font-size:14px;text-decoration:none}
table.edocman_document_list .edocman_document_list_title .ndownloads{font-size:11px;color:#757575;}
table.edocman_document_list .edocman_document_list_size{font-size:11px;color:#646566;font-weight:700;width:25%;vertical-align:top}
.edicon-image{color:#2cc990}
.edicon-file-pdf{color:#fb6a6b}
.edicon-film{color:#ff7416}
.edicon-file-music{color:#1abc9c}
.edicon-file-word{color:#4275f4}
.edicon-libreoffice{color:#42729b}
.edicon-file-excel{color:#238936}
.edicon-sphere{color:#ac36ce}
.edicon-file-zip{color:#42729b}
.white{color:#FFF!important}
.number_documents{font-size:12px}
.edocman-document-blog .edocman-box-blog-heading{border:0;background:none}
.edocman-document-blog .subinformationline{border-bottom:1px solid #efefef;width:100%;padding:0 0 10px}
.edocman-document-blog .edocman_document_details_information{font-size:12px;color:gray}
.edocman-document-blog{margin-bottom:10px}
.edocman-document-blog .edocman-download-blog{width:33%;min-width:150px;max-width:300px;margin:0 10px 10px 0;margin-left:0;text-align:center;float:right;margin-left:10px}
.edocman-document-blog .edocman-description-details{margin-top:10px}
.edocman-document-blog .edocman-download-blog a.downloadbtn{width:100%;border-radius:5px;border:1px solid #ddd;padding:15px 5px;display:block;font-size:16px;text-shadow:0 1px 1px #ffffffbf;box-shadow:inset 0 1px 0 #fff3 0 1px 2px #0000000d;background:#f5f5f5;background-image:linear-gradient(to bottom,#fff,#e6e5e5);background-repeat:repeat-x;text-decoration:none}
.edocman-document-blog .edocman-download-blog a.downloadbtn:hover{background:#f5f5f5}
.edocman-document-blog .edocman-download-blog a.downloadbtn1{width:100%;border-radius:5px;border:1px solid #ddd;padding:15px 5px;display:block;font-size:16px;background-color:#208acc;box-shadow:none;color:#fff;text-decoration:none}
.edocman-document-blog .edocman-download-blog a.downloadbtn1:hover{background:#196ca0}
.edocman-document-blog .documentstatistic{font-size:12px}
#edocman-document-page-blog .edocman-box-heading{border-bottom:1px solid #efefef}
#table-document .documents_table_edit,#table-document .documents_table_delete,#table-document .documents_table_view{border:1px solid #DDD;padding:0 1px;background-color:#efefef;margin:0 3px}
table.adminlist thead th a{color:#000!important}
.btn-toolbar .btn-group{margin-left:0!important}
.btn-toolbar .btn-group button{margin:0!important}
.accesscol{font-size:12px}
#edocman_form{width:100%}
#edocman_form .calendarfilter .form-control{max-width:150px!important}
#edocman-documents h3.edocman-document-title .sizeinformation,#edocman-documents h3.edocman-document-title .downloadinformation,#edocman-documents h3.edocman-document-title .dateinformation,#edocman-documents h3.edocman-document-title .ratinginformation,#table-document .ratinginformation{font-weight:400;font-size:11px;margin-top:10px;display:inline;color:#707070;padding-right:5px}
ul.tags{background:#fff;border:1px solid #ccc;cursor:default;margin:0;padding:5px 10px 0;border-radius:3px;width:90%;height:32px}
ul.tags li.tagAdd{background:none;padding:0;margin:0}
ul.tags li{border-radius:3px;background:#d1e8fc;color:#0f4776;list-style:none;float:left;clear:none;padding:5px 10px;margin:0 5px 5px 0;font-size:13px;font-weight:600;vertical-align:middle}
td.tagFields input[type="text"],td.tagFields select:not([multiple]),td.tagFields textarea,td.tagFields button{padding:5px 10px;margin:0;height:auto;line-height:inherit;border-radius:3px}
ul.tags li input{border:none;background:none;float:none;clear:none;box-shadow:none;font-size:13px;font-weight:600;padding:5px 10px;margin:0 5px 5px 0;min-width:100px}
ul.tags li.tagAdded{position:relative;padding:5px 30px 5px 10px}
ul.tags li span.tagRemove{font-size:12px;font-family:"Lucida Grande";color:#0b4373;cursor:pointer;background:#a9c6e2;position:absolute;top:0;right:0;padding:5px 0;margin:0;border-radius:0 3px 3px 0;width:20px;text-align:center}
ul.tags .clr{clear:both;height:0;line-height:0;border:none;float:none;background:none;padding:0;margin:0}
ul.tags li input.tagsLoading{background:url(../images/loader.gif) no-repeat 50% 50%}
.ui-menu{list-style:none;padding:2px;margin:0;margin-top:0;margin-top:-3px;display:block;float:left}
.ui-autocomplete{position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;border-right-color:#eee;border-bottom-color:#eee;background-color:#fff;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;z-index:50}
.ui-menu .ui-menu-item{margin:0;padding:0;float:left;clear:left;width:99%}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;font-weight:700;text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;font-weight:bold}
ul.tags #search-field,ul.tags #search-field:focus{border:0!important;box-shadow:none!important}
#edocman-document-page .avg-rating,#edocman-document-page-blog .avg-rating{display:block;margin:10px 0}
#edocman-document-page .avg-rating .vr_avg_rating,#edocman-document-page-blog .avg-rating .vr_avg_rating{padding:10px 0}
#edocman-document-page .avg-rating .vr_avg_rating .avg-stars,#edocman-document-page .avg-rating .vr_avg_rating span.avg-stars span,#edocman-document-page-blog .avg-rating .vr_avg_rating .avg-stars,#edocman-document-page-blog .avg-rating .vr_avg_rating span.avg-stars span{display:inline-block;width:140px;height:28px}
#edocman-document-page .vr_avg_rating span.avg-stars,#edocman-document-page-blog .vr_avg_rating span.avg-stars{background:url(../images/av-rate-normal.png) repeat-x}
#edocman-document-page .vr_avg_rating span.avg-stars span,#edocman-document-page-blog .vr_avg_rating span.avg-stars span{background:url(../images/av-rate-value.png) repeat-x;max-width:140px}
#edocman-document-page .avg-rating .vr_avg_rating strong,#edocman-document-page-blog .avg-rating .vr_avg_rating strong{padding:5px 10px 2px 0;font-size:16px;float:left}
#edocman-documents .avg-rating,#table-document .avg-rating,.documentratings .avg-rating{display:inline}
#edocman-documents .avg-rating strong,#table-document .avg-rating strong,.documentratings .avg-rating strong{display:inline-block;vertical-align:top;font-weight:400;margin-top:4px}
#edocman-documents span.avg-stars,#edocman-documents span.avg-stars span,#table-document span.avg-stars,#table-document span.avg-stars span,.documentratings span.avg-stars,.documentratings span.avg-stars span{display:inline-block;width:90px;height:18px}
#edocman-documents span.avg-stars,#table-document span.avg-stars,.documentratings span.avg-stars{background:url(../images/avg-rate-normal.png) repeat-x}
#edocman-documents span.avg-stars span,#table-document span.avg-stars span,.documentratings span.avg-stars span{background:url(../images/avg-rate-value.png) repeat-x;max-width:90px}
.ratingform .ratingformStars{border-top:5px solid #efefef!important;margin-top:5px}
.ratingform .ratingformStars .ratingformStar{width:100%}
.ratingform .ratingformStars .ratingformStar .ratingformStarLabel{width:10%;display:inline-block;padding:5px 0}
.ratingform .ratingformStars .ratingformStar .ratingformStarOptions{display:inline-block}
.ratingform .rateDocumentBtn{background-color:#398da5;border-radius:4px;padding:10px 20px;color:#fff}
.ratedNotification{color:#707070;}
.embed-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.native-embed-container{overflow:auto!important}
table.edocman_document_list .edocman_document_list_title a.categoryLink{font-size:11px}
.massDownloadList #collectDownloadMassForm{margin-top:20px;border:1px solid #efefef;border-radius:4px}
.massDownloadList #collectDownloadMassForm .span12{padding:10px}
.massDownloadList #collectDownloadMassForm .span12 h3{border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:10px}
a.btndisabled{background-color:gray}
.close{cursor:pointer}
.no_download_permission_alert{border:1px solid #f3a222;padding:5px 10px;display:block;background-color:#fff29c;font-weight:600;color:#e2951c;margin:0 0 5px;border-radius:4px}
.joomla4 #jform_path,.joomla4 #jform_notification_emails{width:250px}
.joomla4 ul.tags{height:41px}
.joomla4 #jform_access{width:220px}
#edocmanSearchForm .phrases-box label{display:block}
div.edocman-document .item-body .body-left .info-row .property-title a:link{text-decoration:none}
#edocman-documents a:link,#edocman-categories a:link{text-decoration:none}
@media only screen and (max-width: 600px) {
.related_thumbnail{text-align:center!important}
}
.related_thumbnail{margin-bottom:10px}
.dark_layout #edocman-categories .edocman-box-heading,.dark_layout #edocman-documents .edocman-box-heading,.dark_layout .edocman-box-heading{background:#2c3440!important;border:1px solid #4a5568!important;color:#e0e0e0!important;border-radius:6px 6px 0 0;padding:15px 20px;box-shadow:0 2px 4px #0003}
.dark_layout #edocman-categories .edocman-description,.dark_layout #edocman-documents .edocman-description,.dark_layout .edocman-description{background:#1e2430!important;border-bottom:1px solid #4a5568!important;border-right:1px solid #4a5568!important;border-left:1px solid #4a5568!important;border-radius:0 0 6px 6px;padding:15px 20px;color:#c0c7d0!important}
.dark_layout #documentdetails,.dark_layout #documentdetails tbody tr td,.dark_layout .edocman-document-blog .subinformationline,.dark_layout .edocman-document-blog .edocman-download-blog a.downloadbtn1{border:1px solid #363737!important}
.dark_layout .table-document tbody tr:nth-child(2n+1) td,.dark_layout .table-document thead th{background:none!important}
.dark_layout .table-document tbody tr:nth-child(2n) td{background-color:#464646}
.dark_layout .edocman-document-title-td a{color:#CCC!important}
.dark_layout .columnlayouts .edocman-document{background:none!important;border:1px solid #363737!important}
.dark_layout .item-foot{border-top:1px solid #363737;background:none!important}
.dark_layout .edocman-document-blog .edocman-download-blog a.downloadbtn{border:1px solid #575656;box-shadow:inset 0 1px 0 #fff3 0 1px 2px #0000000d;background:#171717;background-repeat:repeat;background-image:none;background-image:linear-gradient(to bottom,#7b7878,#353434)}
.dark_layout .edocman-box-heading{border-bottom:1px solid #363737!important}
.dark_layout .table-document thead th{color:#CCC}
.dark_layout table.adminform{background:none!important}
.submitBtn{color:#FFF;text-decoration:none;padding-left:20px;padding-right:20px}
#massDownloadDiv{margin:10px 0;padding:5px;font-weight:300;background-color:#def4fd;border-radius:10px;display:none}
#massDownloadDiv a{font-weight:400;text-decoration:none}
h3.edocman-document-title{font-weight:300}
.columnlayouts .edocman-taskbar li a{padding:7px;border:1px solid #bbb;border-radius:5px;color:#bbb;display:inline-block}
.columnlayouts .edocman-taskbar li a:hover,.columnlayouts .edocman-taskbar li a:focus{background-color:#eee;color:#000}
.columnlayouts .edocman-taskbar{padding:10px 5px;display:flex;justify-content:center;align-items:center}
.edgallery-category-item-grid-overlay{display:flex;flex-direction:column;justify-content:center;border:0;background:none;padding:0;position:relative}
.edgallery-categories-grid-items .edgallery-category-thumb-link{display:block;text-align:center}
.edgallery-category-item-grid-overlay .edgallery-category-thumb{width:100%}
.edgallery-category-item-grid-overlay .edgallery-category-information{margin:0;position:absolute;width:100%;top:0;height:100%;background:#39393966;display:flex}
.edgallery-categories-grid-items .edgallery-category-information{text-align:center}
.edgallery-category-item-grid-overlay .edgallery-category-information .edgallery-category-information-content{margin:0;position:absolute;width:100%;top:45%}
.edgallery-categories-grid-items .edgallery-category-link:link,.edgallery-categories-grid-items .edgallery-category-link:hover,.edgallery-categories-grid-items .edgallery-category-link:focus,.edgallery-categories-grid-items .edgallery-category-link:visited{font-size:16px;font-weight:500;color:#FFF}
.edgallery-categories-grid-items .edgallery-category-item-grid-overlay .edgallery-category-information .edgallery-category-information-content .bg-info{font-weight:500}
#edit-document-form #jformextra_category_ids{width:100%}
.categories-blog .edocman-blog-box{display:flex;flex-wrap:wrap}
.categories-blog .edocman-blog-box a.edocman-blog-box-link:link{text-decoration:none;box-shadow:0 10px 30px 0 #00000012;border-radius:5px;position:relative;transition-property:color,background-color,background-size,border-color,box-shadow;width:100%;flex:auto;color:#3d1a4a}
.categories-blog .edocman-blog-box a.edocman-blog-box-link:visited{color:#3d1a4a}
.categories-blog .edocman-blog-box a.edocman-blog-box-link:hover{box-shadow:0 10px 50px 5px #00000014;color:#3d1a4a}
.categories-blog .edocman-blog-box .edocman-blog-box-left{border-radius:5px 0 0 5px;width:35%}
.categories-blog .edocman-blog-box .edocman-blog-box-left img{border-radius:5px 0 0 5px}
.categories-blog .edocman-blog-box .edocman-blog-box-right{padding:10px}
.categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-heading{font-weight:600}
.categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-description{margin-top:10px!important}
.categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-description,.categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-description p{margin-bottom:0;color:#868585}
.dark_layout .categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-description,.dark_layout .categories-blog .edocman-blog-box .edocman-blog-box-right .edocman-blog-box-right-description p{color:#CCC}
.dark_layout .categories-blog .edocman-blog-box a.edocman-blog-box-link:link,.dark_layout .categories-blog .edocman-blog-box a.edocman-blog-box-link:hover,.dark_layout .categories-blog .edocman-blog-box a.edocman-blog-box-link:visited{color:#BBB}
#edocman-category .edocman-page-sub-heading{display:block;float:right;height:50px;text-align:right;width:100%;margin-bottom:10px}
#edocman-category .edocman-page-sub-box{box-shadow:0 10px 30px 0 #00000012;border-radius:5px;position:relative;transition-property:color,background-color,background-size,border-color,box-shadow;width:100%;flex:auto}
#edocman-category .edocman-page-sub-box .edocman-description{padding:10px;margin-bottom:0}
#edocman-category .edocman-page-sub-box .edocman-description p{margin-bottom:0}
.columnlayouts .mobile-document-title{padding:0 30px 28px;text-align:center}
.columnlayouts .label-featured {
  background-color: #4e8c13; /* Xanh lá đậm hơn */
  color: #fff;
}
.columnlayouts .label-new {
  background-color: #b80000; /* Đỏ đậm hơn */
  color: #fff;
}
.columnlayouts .label-hot {
  background-color: #9c1765; /* Hồng đậm hơn */
  color: #fff;
}

.columnlayouts .label{font-size:10px;line-height:11px;margin:0;text-transform:uppercase;padding:3px 5px}
.mobile-document-title .page-title{margin-bottom:3px;font-size:18px;font-weight:400;white-space:normal;padding:10px 0}
.mobile-document-title .sub-title{margin-bottom:15px;color:#636363;font-size:13px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center}
.details-modal, .player-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0006;align-items:center;justify-content:center;z-index:9999}
.login-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0006;align-items:center;justify-content:center;z-index:9999}
.details-modal-content, .player-modal-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:1030px;height:90vh;display:flex;flex-direction:column;align-items:center}
.login-content{background-color:#fff;padding:20px;border-radius:10px;width:55%;max-width:800px;height:80%;display:flex;flex-direction:column;align-items:center}
.player-details-content-heading, .player-modal-content-heading{display:flex;align-items:center;justify-content:flex-end;width:100%}
.close-btn-download,.close-btn-login, .close-details-btn{color:red;font-size:20px;cursor:pointer; margin:5px;}
.close-btn{color:red;font-size:15px;cursor:pointer;background:#FFF;border:none;border-radius:5px;padding:5px 10px;transition:background-color .3s ease,transform .3s ease;margin:0 5px}
.close-btn:hover{background-color:#efefef;transform:scale(1.1);color:#fff}
#fullscreenBtn i{margin-right:5px}
.details-modal .fullscreen, .player-modal .fullscreen{width:100vw;height:100vh;top:0;left:0;margin:0;max-width:100vw}
.player-modal iframe,.login-modal iframe{width:100%;height:90%;border-radius:5px}
.details-modal iframe {width:100%;height:100%;border-radius:5px}
.details-modal-content iframe {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  flex: 1 1 auto;
}
#detailsViewContent .phpdebugbar {display:none !important;}
@media (max-width: 767.98px) {
.player-modal-content,.login-content{width:90%}
.player-modal-content{width:700px}
}
.categories-gallery .edocman-category-gallery{border-radius:20px;background-color:#f0f4f9;padding:15px;transition:background-color .3s ease;margin-bottom:20px}
.categories-gallery .edocman-category-gallery:hover{background-color:#e0e3e8}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title{display:flex;padding:10px 0;justify-content:space-between;position:relative}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-icon{padding:6px}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-details{line-height:18px;text-align:left;flex:1}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-details a.edocman-category-gallery-title-link{text-decoration:none;font-size:16px;font-weight:500;color:#000}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-ndocuments{display:inline;color:#757575;font-size:13px;font-weight:500}
.categories-gallery .edocman-category-gallery .edgallery-category-thumb{border-radius:5px}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown{position:abolute;right:0}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown-menu-icon{cursor:pointer}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown-menu-popup{display:none;position:absolute;top:70%;right:0;background:#fff;box-shadow:0 4px 6px #0003;border-radius:5px;min-width:120px;padding:10px 0;z-index:1000}
.categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown-menu-popup a{display:block;padding:8px 15px;text-decoration:none;color:#000;transition:background .3s}
.edocman-category-gallery-title-dropdown-menu-popup a:hover{background:#f0f0f0}
.sortPagiBar{width:100%;display:flex;justify-content:space-between}
@media (max-width: 768px) {
.edocman-document-sorting #filter_order{width:100px}
.edocman-sort-direction #filter_order_Dir{width:80px}
}
#edocman-categories .edocman-box-heading,#edocman-documents .edocman-box-heading{display:flex;justify-content:space-between;position:relative}
#edocman-categories .edocman-box-heading .edocman-box-heading-title,#edocman-documents .edocman-box-heading .edocman-box-heading-title{flex:1;text-align:left}
#edocman-categories .edocman-box-heading .edocman-box-heading-tasks,#edocman-documents .edocman-box-heading .edocman-box-heading-tasks{padding-top:5px;position:abolute;right:0}
#edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup,#edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup{display:none;position:absolute;top:70%;right:0;background:#fff;box-shadow:0 4px 6px #0003;border-radius:5px;min-width:120px;padding:10px 0;z-index:1000}
#edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a,#edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a{display:block;padding:8px 15px;text-decoration:none;color:#000;transition:background .3s}
#edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a:hover,#edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a:hover{background:#f0f0f0}
#edocman-categories .edocman-box-heading .edocman-documents-default-title-dropdown-menu-icon,#edocman-documents .edocman-box-heading .edocman-documents-default-title-dropdown-menu-icon{cursor:pointer}
#edocman-documents .edocman-box-heading a.edocman-category-gallery-title-link{text-decoration:none;font-size:16px;font-weight:500;color:#000}
.dark_layout .categories-gallery .edocman-category-gallery{background-color:#1e2430;border-radius:20px;padding:15px;transition:background-color .3s ease;margin-bottom:20px}
.dark_layout .categories-gallery .edocman-category-gallery:hover{background-color:#2c3440}
.dark_layout .categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-details a.edocman-category-gallery-title-link{color:#e0e0e0}
.dark_layout .categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-ndocuments{color:#a0a0a0}
.dark_layout .categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown-menu-popup{background:#2c3440;box-shadow:0 4px 6px #00000080}
.dark_layout .categories-gallery .edocman-category-gallery .edocman-category-gallery-title .edocman-category-gallery-title-dropdown-menu-popup a{color:#e0e0e0}
.dark_layout .edocman-category-gallery-title-dropdown-menu-popup a:hover{background:#3a4250}
.dark_layout #edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup,.dark_layout #edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup{background:#2c3440;box-shadow:0 4px 6px #00000080}
.dark_layout #edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a,.dark_layout #edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a{color:#e0e0e0}
.dark_layout #edocman-categories .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a:hover,.dark_layout #edocman-documents .edocman-box-heading .edocman-document-default-title-dropdown-menu-popup a:hover{background:#3a4250}
.dark_layout #edocman-documents .edocman-box-heading a.edocman-category-gallery-title-link{color:#e0e0e0}
.dark_layout .edgallery-category-thumb{border:1px solid #3a4250}
.dark_layout .sortPagiBar{color:#e0e0e0}
.dark_layout .edocman-document-sorting #filter_order,.dark_layout .edocman-sort-direction #filter_order_Dir{background-color:#2c3440;color:#e0e0e0;border:1px solid #3a4250}
.dark_layout #edocman-categories .edocman-box-heading,.dark_layout #edocman-documents .edocman-box-heading{color:#e0e0e0}
.disabled-url{color:#ccc;pointer-events:none;cursor:not-allowed;text-decoration:none}
.disabled-url:hover{color:#ccc}
#edocman-document-page .document-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin-bottom:30px}
#edocman-document-page .document-card .document-header{padding:25px 30px;background-color:#fff;border-bottom:1px solid #eaeaea}
#edocman-document-page .document-card .header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
#edocman-document-page .document-card .document-title-container{display:flex;flex:1;gap:12px}
#edocman-document-page .document-card .doc-icon{font-size:28px;color:var(--primary-edocman-color);flex-shrink:0}
#edocman-document-page .document-card .title-content{flex:1}
#edocman-document-page .document-card .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#edocman-document-page .document-card .document-title{font-size:24px;font-weight:600;color:var(--dark-edocman-color);margin-right:10px}
#edocman-document-page .document-card .bookmark-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;font-size:24px;color:var(--bookmark-edocman-color);transition:all .3s ease;padding:5px;border-radius:50%;flex-shrink:0}
#edocman-document-page .document-card .bookmark-btn:hover{transform:scale(1.1);background-color:#9b59b61a}
#edocman-document-page .document-card .indicators-container,#table-document .indicators-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#edocman-document-page .document-card .indicator,#table-document .indicator{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}
#edocman-document-page .document-card .hot,#table-document .hot{background-color:var(--danger-edocman-color)}
#edocman-document-page .document-card .featured,#table-document .featured{background-color:var(--warning-edocman-color)}
#edocman-document-page .document-card .new,#table-document .new{background-color:var(--new-edocman-color)}
#edocman-document-page .document-card .document-body{padding:25px 30px}
#edocman-document-page .document-card .document-content{display:grid;grid-template-columns:1fr 4fr;gap:30px;margin-bottom:30px}
#edocman-document-page .document-card .document-thumbnail{width:100%;border-radius:var(--border-radius);overflow:hidden}
#edocman-document-page .document-card .thumbnail-container{position:relative;width:100%;height:0;padding-bottom:125%;overflow:hidden;box-shadow:var(--box-shadow);border-radius:var(--border-radius)}
#edocman-document-page .document-card .document-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
#edocman-document-page .document-card .document-details{display:flex;flex-direction:column;gap:20px}
#edocman-document-page .document-card .document-description{background-color:#f8f9fa;padding:15px;border-radius:var(--border-radius);border-left:4px solid var(--primary-edocman-color);margin-bottom:20px}
#edocman-document-page .document-card .description-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--dark-edocman-color)}
#edocman-document-page .document-card .document-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
#edocman-document-page .document-card .meta-group{margin-bottom:15px}
#edocman-document-page .document-card .meta-label{font-size:14px;color:#6d7879;margin-bottom:5px;display:block}
#edocman-document-page .document-card .meta-value{font-size:16px;font-weight:500;color:var(--dark-edocman-color)}
#edocman-document-page .document-card .document-tags{margin-top:10px}
#edocman-document-page .document-card .tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#edocman-document-page .document-card .tag{display:inline-block;padding:5px 12px;background-color:#e9f5fe;color:var(--primary-edocman-color);border-radius:20px;font-size:13px;font-weight:500;transition:all .2s ease}
#edocman-document-page .document-card .tag:hover{background-color:#d0e8fb;transform:translateY(-2px)}
#edocman-document-page .document-card .document-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;justify-content:space-between;align-items:center}
#edocman-document-page .document-card .primary-actions{display:flex;flex-wrap:wrap;gap:12px}
#edocman-document-page .document-card .social-sharing{display:flex;align-items:center;gap:10px}
#edocman-document-page .document-card .share-label{font-size:14px;font-weight:500;color:#6d7879;}
#edocman-document-page .document-card .social-icons{display:flex;gap:8px}
#edocman-document-page .document-card .social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:16px;transition:all .3s ease;cursor:pointer;border:none}
#edocman-document-page .document-card .facebook{background-color:var(--facebook-edocman-color)}
#edocman-document-page .document-card .twitter{background-color:var(--twitter-edocman-color)}
#edocman-document-page .document-card .linkedin{background-color:var(--linkedin-edocman-color)}
#edocman-document-page .document-card .social-btn:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}
#edocman-document-page .document-card .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--border-radius);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;gap:8px;background-image:none}
#edocman-document-page .document-card .btn-primary,#edocman-document-page-blog .btn-primary{background-color:var(--primary-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn-secondary,#edocman-document-page-blog .btn-secondary{background-color:var(--secondary-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn-danger,#edocman-document-page-blog .btn-danger{background-color:var(--danger-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn-warning,#edocman-document-page-blog .btn-warning{background-color:var(--warning-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn-dark,#edocman-document-page-blog .btn-dark{background-color:var(--dark-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn-light,#edocman-document-page-blog .btn-light{background-color:var(--light-edocman-color);color:var(--dark-edocman-color);border:1px solid #ddd}
#edocman-document-page .document-card .btn-bookmark,#edocman-document-page-blog .btn-bookmark{background-color:var(--bookmark-edocman-color);color:#fff!important}
#edocman-document-page .document-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}
#edocman-document-page .document-card .btn-primary:hover,#edocman-document-page-blog .btn-primary:hover{background-color:#2980b9}
#edocman-document-page .document-card .btn-secondary:hover,#edocman-document-page-blog .btn-secondary:hover{background-color:#27ae60}
#edocman-document-page .document-card .btn-danger:hover,#edocman-document-page-blog .btn-danger:hover{background-color:#c0392b}
#edocman-document-page .document-card .btn-warning:hover,#edocman-document-page-blog .btn-warning:hover{background-color:#e67e22}
#edocman-document-page .document-card .btn-dark:hover,#edocman-document-page-blog .btn-dark:hover{background-color:#1a252f}
#edocman-document-page .document-card .btn-light:hover,#edocman-document-page-blog .btn-light:hover{background-color:#e3e7ea}
#edocman-document-page .document-card .btn-bookmark:hover,#edocman-document-page-blog .btn-bookmark:hover{background-color:#8e44ad}
#edocman-document-page-blog .btn-danger:hover,#edocman-document-page-blog .btn-secondary:hover,#edocman-document-page-blog .btn-warning:hover,#edocman-document-page-blog .btn-primary:hover,#edocman-document-page-blog .btn-bookmark:hover,#edocman-document-page-blog .btn-light:hover,#edocman-document-page-blog .btn-dark:hover{transform:translateY(-2px)}
#edocman-document-page .document-card .btn-disabled,#edocman-document-page-blog .btn-disabled{background-color:#95a5a6;color:#fff;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}
#edocman-document-page .document-card .action-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#edocman-document-page .document-card .mobile-header{display:none}
.document-details-dropdown{position:relative;display:inline-block}
.document-details-dropdown-menu{position:absolute;right:0;bottom:100%;background-color:#fff;min-width:200px;box-shadow:0 8px 16px #0000001a;border-radius:var(--border-radius);padding:8px 0;z-index:10;margin-top:5px;display:none}
.document-details-dropdown-menu.show{display:block}
.document-details-dropdown-toggle{background-color:var(--dark-edocman-color);color:#fff;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;border:none;transition:all .3s ease}
.document-details-dropdown-toggle:hover{background-color:#1a252f}
.document-details-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 15px;color:var(--text-edocman-color);text-decoration:none;transition:background-color .2s;cursor:pointer;font-size:14px}
.document-details-dropdown-item:hover{background-color:#f5f7fa}
.document-details-dropdown-item i{width:20px;text-align:center}
.document-details-dropdown-divider{height:1px;background-color:#eaeaea;margin:8px 0}
#edocman-document-page .document-card .mobile-actions,#edocman-document-page-blog .mobile-actions{display:none}
#edocman-document-page .document-card .desktop-actions{display:flex}
#edocman-document-page .document-card .mobile-header{display:none}
#edocman-document-page.dark_layout .document-card{background-color:#1e2430;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000004d;overflow:hidden;margin-bottom:30px}
#edocman-document-page.dark_layout .document-card .document-header{padding:25px 30px;background-color:#1e2430;border-bottom:1px solid #2c3440}
#edocman-document-page.dark_layout .document-card .document-title{font-size:24px;font-weight:600;color:#e0e0e0;margin-right:10px}
#edocman-document-page.dark_layout .document-card .bookmark-btn:hover{background-color:#9b59b633}
#edocman-document-page.dark_layout .document-card .document-body{padding:25px 30px}
#edocman-document-page.dark_layout .document-card .document-description{background-color:#2c3440;padding:15px;border-radius:var(--border-radius);border-left:4px solid var(--primary-edocman-color);margin-bottom:20px}
#edocman-document-page.dark_layout .document-card .description-title{color:#e0e0e0}
#edocman-document-page.dark_layout .document-card .meta-label{color:#a0a0a0}
#edocman-document-page.dark_layout .document-card .meta-value{color:#e0e0e0}
#edocman-document-page.dark_layout .document-card .tag{background-color:#2c3e50;color:#4cc9f0}
#edocman-document-page.dark_layout .document-card .tag:hover{background-color:#34495e}
#edocman-document-page.dark_layout .document-card .share-label{color:#a0a0a0}
#edocman-document-page.dark_layout .document-card .social-btn:hover{box-shadow:0 5px 10px #0000004d}
#edocman-document-page.dark_layout .document-card .btn:hover{box-shadow:0 6px 12px #0000004d}
#edocman-document-page.dark_layout .document-card .btn-light,#edocman-document-page.dark_layout-blog .btn-light{background-color:#2c3440;color:#e0e0e0;border:1px solid #3a4250}
#edocman-document-page.dark_layout .document-card .btn-light:hover,#edocman-document-page.dark_layout-blog .btn-light:hover{background-color:#3a4250}
#edocman-document-page.dark_layout .document-card .btn-disabled,#edocman-document-page.dark_layout-blog .btn-disabled{background-color:#4a5568;color:#a0a0a0}
#edocman-document-page.dark_layout .document-details-dropdown-menu{background-color:#1e2430;box-shadow:0 8px 16px #0000004d}
#edocman-document-page.dark_layout .document-details-dropdown-item{color:#e0e0e0}
#edocman-document-page.dark_layout .document-details-dropdown-item:hover{background-color:#2c3440}
#edocman-document-page.dark_layout .document-details-dropdown-divider{background-color:#2c3440}
@media (max-width: 992px) {
.document-content{grid-template-columns:1fr 2fr}
}
@media (max-width: 768px) {
.document-content{grid-template-columns:1fr}
#edocman-document-page .document-card .document-thumbnail{max-width:300px;margin:0 auto}
#edocman-document-page .document-card .document-header{padding:20px}
#edocman-document-page .document-card .header-content{display:none}
#edocman-document-page .document-card .mobile-header{display:block}
#edocman-document-page .document-card .mobile-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
#edocman-document-page .document-card .mobile-title-container{display:flex;gap:10px;flex:1}
#edocman-document-page .document-card .document-title{font-size:20px}
#edocman-document-page .document-card .mobile-indicators{margin-top:10px}
#edocman-document-page .document-card .document-meta{grid-template-columns:repeat(2,1fr)}
#edocman-document-page .document-card .desktop-actions{display:none}
#edocman-document-page .document-card .mobile-actions{display:flex;flex-direction:column;gap:15px;width:100%}
#edocman-document-page .document-card .main-actions{display:flex;gap:10px;width:100%}
#edocman-document-page .document-card .main-actions .btn{flex:1;justify-content:center}
#edocman-document-page .document-card .more-actions{width:100%;display:flex;justify-content:space-between;align-items:center}
.document-details-dropdown{position:relative;display:inline-block}
.document-details-dropdown-menu{position:absolute;left:0;top:100%;width:200px;z-index:1000}
.social-sharing{margin-top:15px;justify-content:center;width:100%}
#edocman-document-page .document-card .document-content{display:flex;flex-direction:column}
#edocman-document-page .document-card .document-thumbnail{order:1}
#edocman-document-page .document-card .document-details{order:2}
}
@media (max-width: 576px) {
.document-meta{grid-template-columns:1fr}
#edocman-document-page .document-card .document-header{padding:15px}
#edocman-document-page .document-card .document-title{font-size:18px}
#edocman-document-page .document-card .btn{padding:8px 16px;font-size:14px}
#edocman-document-page .document-card .action-group{justify-content:center}
#edocman-document-page .document-card .code-input-container{flex-direction:column}
}
#edocman-document-page .document-card .alert,#edocman-document-page-blog .document-content .alert{padding:15px;border-radius:var(--border-radius);margin-bottom:20px;display:flex;align-items:center;gap:12px}
#edocman-document-page .document-card .alert-danger,#edocman-document-page-blog .document-content .alert-danger{background-color:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);color:var(--alert-danger-text)}
#edocman-document-page .document-card .alert-icon,#edocman-document-page-blog .document-content .alert-icon{font-size:20px;flex-shrink:0}
#edocman-document-page .document-card .alert-content,#edocman-document-page-blog .document-content .alert-content{flex:1}
#edocman-document-page .document-card .alert-title,#edocman-document-page-blog .document-content .alert-title{font-weight:600;margin-bottom:2px}
#edocman-document-page .document-card .alert-message,#edocman-document-page-blog .document-content .alert-message{font-size:14px}
#edocman-document-page .document-card .alert-close,#edocman-document-page-blog .document-content .alert-close{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s}
#edocman-document-page .document-card .alert-close:hover,#edocman-document-page-blog .document-content .alert-close:hover{opacity:1}
#edocman-document-page .document-card .license-section{background-color:var(--license-bg);border:1px solid var(--license-border);border-radius:var(--border-radius);padding:15px;margin-bottom:20px}
#edocman-document-page .document-card .license-title{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--dark-edocman-color)}
#edocman-document-page .document-card .license-content{font-size:14px;color:#555;margin-bottom:15px;max-height:100px;overflow-y:auto;padding:10px;background-color:#ffffffb3;border-radius:4px}
#edocman-document-page .document-card .license-checkbox{display:flex;align-items:center;gap:8px;margin-top:10px}
#edocman-document-page .document-card .license-checkbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
#edocman-document-page .document-card .license-checkbox label{font-size:14px;cursor:pointer;user-select:none}
#edocman-document-page .document-card .code-unlock-section,#edocman-document-page-blog .document-content .code-unlock-section{background-color:var(--code-bg);border:1px solid var(--license-border);border-radius:var(--border-radius);padding:15px;margin-top:20px}
#edocman-document-page .document-card .code-unlock-title,#edocman-document-page-blog .document-content .code-unlock-title{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--dark-edocman-color)}
#edocman-document-page .document-card .code-input-container,#edocman-document-page-blog .document-content .code-input-container{display:flex;gap:10px;margin-top:10px}
#edocman-document-page .document-card .code-input,#edocman-document-page-blog .document-content .code-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:14px;outline:none;transition:border-color .3s}
#edocman-document-page .document-card .code-input:focus,#edocman-document-page-blog .document-content .code-input:focus{border-color:var(--primary-edocman-color)}
#edocman-document-page .document-card .verify-btn,#edocman-document-page-blog .document-content .verify-btn{padding:10px 20px;background-color:var(--dark-edocman-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .3s}
#edocman-document-page .document-card .verify-btn:hover,#edocman-document-page-blog .document-content .verify-btn:hover{background-color:#1a252f}
#edocman-document-page-blog{margin:0 auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}
.dark_layout#edocman-document-page-blog{background-color:#1e2430;box-shadow:0 4px 8px #00000080}
#edocman-document-page-blog .document-header{padding:25px 30px;border-bottom:1px solid #eee;display:flex;gap:25px;align-items:flex-start}
#edocman-document-page-blog .document-thumbnail{width:180px;height:180px;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0;box-shadow:0 3px 10px #0000001a;border:1px solid #eee;position:relative}
#edocman-document-page-blog .document-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
#edocman-document-page-blog .document-thumbnail:hover img{transform:scale(1.05)}
#edocman-document-page-blog .document-type-icon{position:absolute;bottom:-10px;right:-10px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-edocman--color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 2px 5px #0003}
#edocman-document-page-blog .document-header-content{flex-grow:1}
#edocman-document-page-blog .document-header-content .document-meta{display:flex;flex-wrap:wrap;gap:20px;color:#757575;font-size:14px;margin-bottom:15px}
#edocman-document-page-blog .document-header-content .meta-item{display:flex;align-items:center}
#edocman-document-page-blog .document-header-content .meta-item i{margin-right:5px}
#edocman-document-page-blog .document-header-content .title-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}
#edocman-document-page-blog .document-header-content .document-icon{font-size:24px;color:var(--primary-edocman--color);margin-right:10px}
#edocman-document-page-blog .document-header-content .document-title{font-size:26px;color:var(--dark-edocman-gray);margin-right:10px;flex:1}
#edocman-document-page-blog .document-header-content .badge-container{display:flex;gap:8px;margin-bottom:5px}
#edocman-document-page-blog .document-header-content .edocman-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase}
#edocman-document-page-blog .document-header-content .badge-hot{background-color:var(--accent-edocman-color)}
#edocman-document-page-blog .document-header-content .badge-featured {
  background-color: #f39c12;
  color: #222; /* hoặc #000 */
}
#edocman-document-page-blog .document-header-content .blog-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
#edocman-document-page-blog .document-header-content .blog-tag{background-color:#f1f1f1;color:#555;padding:5px 12px;border-radius:20px;font-size:13px;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s}
#edocman-document-page-blog .document-header-content .blog-tag:hover{background-color:#e0e0e0}
#edocman-document-page-blog .document-header-content .blog-tag i{font-size:12px;color:#757575}
#edocman-document-page-blog .document-header-content .blog-tag a{text-decoration:none}
#edocman-document-page-blog .document-content{padding:30px}
#edocman-document-page-blog .document-description{margin-bottom:30px;line-height:1.8;font-size:16px;color:#555}
#edocman-document-page-blog .document-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px;background-color:var(--light-edocman-gray);padding:20px;border-radius:var(--border-radius)}
#edocman-document-page-blog .document-content .info-item{display:flex;flex-direction:column}
#edocman-document-page-blog .document-content .info-label{font-weight:700;font-size:12px;text-transform:uppercase;color:#707070;margin-bottom:5px}
#edocman-document-page-blog .document-content .info-value{font-size:15px;color:var(--dark-edocman-gray)}
#edocman-document-page-blog .document-actions-container{display:flex;justify-content:space-between;align-items:center;margin-top:25px}
#edocman-document-page-blog .document-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}
#edocman-document-page-blog .document-content .license-container{margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:var(--border-radius);background-color:#f9f9f9}
#edocman-document-page-blog .document-content .license-title{font-size:18px;margin-bottom:15px;color:var(--dark-gray);display:flex;align-items:center;gap:8px}
#edocman-document-page-blog .document-content .license-text{max-height:150px;overflow-y:auto;padding:15px;background-color:#fff;border:1px solid #eee;border-radius:var(--border-radius);margin-bottom:20px;font-size:14px;line-height:1.6}
#edocman-document-page-blog .document-content .license-agreement{display:flex;align-items:center;gap:10px;margin-bottom:15px}
#edocman-document-page-blog .document-content .license-agreement input{width:18px;height:18px;accent-color:var(--primary-color)}
#edocman-document-page-blog .document-content .license-agreement label{font-size:15px;color:var(--dark-gray)}
#edocman-document-page-blog .btn{padding:10px 18px;border:none;border-radius:30px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:15px;background-image:none}
#edocman-document-page-blog .btn i{font-size:16px}
#edocman-document-page-blog .share-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background-color:#f1f1f1;border-radius:30px;cursor:pointer;transition:background-color .2s;font-size:15px;color:var(--dark-gray);border:none;font-weight:500}
#edocman-document-page-blog .share-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}
#edocman-document-page-blog .share-btn i{font-size:16px}
#edocman-document-page-blog .share-container{position:relative}
#edocman-document-page-blog .share-container a{text-decoration:none}
#edocman-document-page-blog .share-dropdown{position:absolute;top:auto;bottom:100%;right:0;margin-top:10px;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #00000026;padding:10px;display:none;z-index:100;width:220px}
#edocman-document-page-blog .share-dropdown.show{display:block;animation:fadeIn .2s ease}
@keyframes fadeIn {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
#edocman-document-page-blog .share-option{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;transition:background-color .2s;border-radius:6px}
#edocman-document-page-blog .share-option:hover{background-color:#f5f5f5}
#edocman-document-page-blog .share-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}
#edocman-document-page-blog .share-name{font-size:14px;color:#333}
#edocman-document-page-blog .blog-dropdown{display:none;position:relative}
#edocman-document-page-blog .blog-dropdown-content{display:none;position:absolute;right:0;bottom:100%;margin-bottom:10px;background-color:#fff;min-width:180px;box-shadow:0 8px 16px 0 #0003;z-index:1;border-radius:var(--border-radius);overflow:hidden}
#edocman-document-page-blog .blog-dropdown-content button{width:100%;text-align:left;padding:12px 15px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--dark-gray);transition:background-color .2s}
#edocman-document-page-blog .blog-dropdown-content button:hover{background-color:#f1f1f1}
@media (max-width: 768px) {
#edocman-document-page-blog .document-header{flex-direction:column;padding:20px;gap:15px}
#edocman-document-page-blog .document-thumbnail{width:120px;height:120px;align-self:center}
#edocman-document-page-blog .document-header-content{display:flex;flex-direction:column}
#edocman-document-page-blog .document-meta{order:3;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:0;padding-top:10px;border-top:1px dashed #eee}
#edocman-document-page-blog .meta-item{font-size:12px;background-color:#f5f5f5;padding:4px 8px;border-radius:4px;white-space:nowrap}
#edocman-document-page-blog .meta-item i{font-size:11px}
#edocman-document-page-blog .title-container{order:1}
#edocman-document-page-blog .badge-container,.blog-tags-container{order:2}
#edocman-document-page-blog .document-title{font-size:22px}
#edocman-document-page-blog .document-content{padding:20px}
#edocman-document-page-blog .document-info{grid-template-columns:repeat(2,1fr);gap:15px 10px}
#edocman-document-page-blog .document-actions-container{flex-direction:column;align-items:flex-start;gap:15px}
#edocman-document-page-blog .share-container{align-self:flex-end;position:relative}
#edocman-document-page-blog .share-dropdown{right:auto;left:-100px;top:auto;bottom:100%;margin-top:0;margin-bottom:10px}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
#edocman-document-page-blog .mobile-actions{display:flex;justify-content:space-between;width:100%;position:relative}
#edocman-document-page-blog .mobile-primary-actions{display:flex;gap:10px}
#edocman-document-page-blog .desktop-actions{display:none}
#edocman-document-page-blog .blog-dropdown{display:block}
#edocman-document-page-blog .blog-dropdown-btn{background-color:#f1f1f1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}
#edocman-document-page-blog .show{display:block}
#edocman-document-page-blog .related-items,#edocman-document-page .document-card .related-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
}
@media (min-width: 769px) {
#edocman-document-page-blog .mobile-actions{display:none}
#edocman-document-page-blog .desktop-actions{display:flex;flex-wrap:wrap;gap:12px}
}
#edocman-document-page-blog .related-documents,#edocman-document-page .document-card .related-documents{margin-top:40px}
#edocman-document-page-blog .section-title,#edocman-document-page .document-card .section-title{font-size:20px;color:var(--dark-gray);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee;display:flex;align-items:center;gap:10px}
#edocman-document-page-blog .related-items,#edocman-document-page .document-card .related-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
#edocman-document-page-blog .related-item,#edocman-document-page .document-card .related-item{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform 0.2s,box-shadow .2s}
#edocman-document-page-blog .related-item:hover,#edocman-document-page .document-card .related-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}
#edocman-document-page-blog .related-thumbnail,#edocman-document-page .document-card .related-thumbnail{height:140px;overflow:hidden}
#edocman-document-page-blog .related-thumbnail img,#edocman-document-page .document-card .related-thumbnail img{width:100%;height:100%;object-fit:cover}
#edocman-document-page-blog .related-info,#edocman-document-page .document-card .related-info{padding:12px}
#edocman-document-page-blog .related-title,#edocman-document-page .document-card .related-title{font-size:15px;font-weight:600;margin-bottom:5px;color:var(--dark-gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#edocman-document-page-blog .related-meta,#edocman-document-page .document-card .related-meta{font-size:12px;color:#757575;display:flex;justify-content:space-between}
#edocman-documents .documents-container-blog{display:grid;grid-template-columns:1fr;gap:20px}
#edocman-documents .documents-container-blog .blog-document-card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;flex-direction:column;height:100%}
#edocman-documents .documents-container-blog .blog-document-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}
#edocman-documents .documents-container-blog .blog-document-header{display:flex;padding:15px;gap:15px}
#edocman-documents .documents-container-blog .thumbnail{position:relative;min-width:120px;height:120px;background-color:#f5f5f5;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
#edocman-documents .documents-container-blog .document-thumbnail img{width:100%;height:100%;object-fit:cover}
#edocman-documents .documents-container-blog .thumbnail .extension{position:absolute;bottom:0;right:0;background-color:#000000b3;color:#fff;padding:3px 6px;font-size:12px;font-weight:700;border-radius:4px 0 0 0}
#edocman-documents .documents-container-blog .thumbnail.pdf{background-color:#e639461a;border:2px solid var(--pdf-color)}
#edocman-documents .documents-container-blog .thumbnail.doc{background-color:#4361ee1a;border:2px solid var(--doc-color)}
#edocman-documents .documents-container-blog .thumbnail.xls{background-color:#38b0001a;border:2px solid var(--xls-color)}
#edocman-documents .documents-container-blog .thumbnail.ppt{background-color:#ff9e001a;border:2px solid var(--ppt-color)}
#edocman-documents .documents-container-blog .pdf .extension{background-color:var(--pdf-color)}
#edocman-documents .documents-container-blog .doc .extension{background-color:var(--doc-color)}
#edocman-documents .documents-container-blog .xls .extension{background-color:var(--xls-color)}
#edocman-documents .documents-container-blog .ppt .extension{background-color:var(--ppt-color)}
#edocman-documents .documents-container-blog .document-thumbnail.no-image{background-color:#f5f5f5}
#edocman-documents .documents-container-blog .thumbnail.no-image.pdf{background-color:#ff6b6b}
#edocman-documents .documents-container-blog .thumbnail.no-image.doc,#edocman-documents .documents-container-blog .thumbnail.no-image.docx{background-color:#4dabf7}
#edocman-documents .documents-container-blog .thumbnail.no-image.xls,#edocman-documents .documents-container-blog .thumbnail.no-image.xlsx{background-color:#51cf66}
#edocman-documents .documents-container-blog .thumbnail.no-image.ppt,#edocman-documents .documents-container-blog .thumbnail.no-image.pptx{background-color:#ff922b}
#edocman-documents .documents-container-blog .thumbnail.no-image.txt{background-color:#868e96}
#edocman-documents .documents-container-blog .thumbnail.no-image.zip,#edocman-documents .documents-container-blog .thumbnail.no-image.rar{background-color:#be4bdb}
#edocman-documents .documents-container-blog .thumbnail.no-image.jpg,#edocman-documents .documents-container-blog .thumbnail.no-image.jpeg,#edocman-documents .documents-container-blog .thumbnail.no-image.png,#edocman-documents .documents-container-blog .thumbnail.no-image.gif{background-color:#20c997}
#edocman-documents .documents-container-blog .file-extension{font-size:28px;font-weight:700;color:#ffffffe6;text-transform:uppercase;text-shadow:0 1px 2px #0003;letter-spacing:1px}
#edocman-documents .documents-container-blog .document-card:hover .thumbnail.no-image{opacity:.9}
#edocman-documents .documents-container-blog .document-info{flex:1;display:flex;flex-direction:column;padding:15px}
#edocman-documents .documents-container-blog .document-title{font-size:1.3rem;margin-bottom:5px;color:var(--dark-color);white-space:inherit;overflow:hidden;text-overflow:ellipsis}
#edocman-documents .documents-container-blog .blog-badges{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}
#edocman-documents .documents-container-blog .blog-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}
#edocman-documents .documents-container-blog .blog-badge.hot{background-color:var(--danger-edocman-color)}
#edocman-documents .documents-container-blog .blog-badge.new{background-color:var(--success-edocman-color)}
#edocman-documents .documents-container-blog .blog-badge.featured{background-color:#8b5707}
#edocman-documents .documents-container-blog .blog-badge.published{background-color:var(--info-edocman-color)}
#edocman-documents .documents-container-blog .meta-info{display:flex;gap:15px;font-size:14px;color:var(--gray-color);margin-bottom:8px;flex-wrap:wrap}
#edocman-documents .documents-container-blog .document-desc{font-size:14px;color:var(--dark-color);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
#edocman-documents .documents-container-blog .document-stats{display:flex;gap:15px;font-size:14px;color:var(--gray-color);flex-wrap:wrap}
#edocman-documents .documents-container-blog .primary-actions{display:flex;border-top:1px solid #eee}
#edocman-documents .documents-container-blog .document-actions{display:flex;flex-wrap:wrap;margin-top:auto}
#edocman-documents .documents-container-blog .document-actions .btn{padding:8px;font-size:14px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;flex:1 1 0;min-width:0;text-align:center;background-image:none}
#edocman-documents .documents-container-blog .extended-actions{display:flex;flex-wrap:wrap}
#edocman-documents .documents-container-blog .extended-actions .btn{padding:7px;font-size:14px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;flex:1 1 0}
#edocman-documents .documents-container-blog .document-actions .mass-download-btn{flex:2 1 0;order:1}
@media (max-width: 480px) {
#edocman-documents .documents-container-blog .document-actions{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-template-rows:auto auto}
#edocman-documents .documents-container-blog .document-actions .btn{flex:none}
#edocman-documents .documents-container-blog .document-actions .mass-download-btn{grid-column:span 2;order:0}
}
@media (max-width: 350px) {
#edocman-documents .documents-container-blog .document-actions{display:flex;justify-content:space-between}
#edocman-documents .documents-container-blog .document-actions .btn{flex:1 1 0;padding:8px}
#edocman-documents .documents-container-blog .document-actions .btn .btn-text{display:none}
#edocman-documents .documents-container-blog .document-actions .btn .btn-icon{margin:0}
#edocman-documents .documents-container-blog .document-actions .mass-download-btn{flex:1 1 0}
}
#edocman-documents .documents-container-blog .btn:not(:last-child){border-right:1px solid #eee}
#edocman-documents .documents-container-blog .view-btn:hover{background-color:var(--info-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .download-btn:hover{background-color:var(--success-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .details-btn:hover{background-color:var(--primary-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .document-actions .more-btn{flex:0 0 40px;width:40px;background-color:var(--light-edocman-color);transition:var(--transition)}
#edocman-documents .documents-container-blog .document-actions .more-btn:hover{background-color:var(--accent-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .extended-actions{display:none;border-top:1px solid #eee;background-color:#f8f9fa}
#edocman-documents .documents-container-blog .extended-actions.active{display:flex}
#edocman-documents .documents-container-blog .mass-download-btn:hover{background-color:var(--accent-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .edit-btn:hover{background-color:var(--warning-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .delete-btn:hover{background-color:var(--danger-edocman-color);color:#FFF!important}
#edocman-documents .documents-container-blog .publish-btn:hover{background-color:var(--success-edocman-color);color:#FFF!important}
.dark_layout #edocman-documents .documents-container-blog .blog-document-card{background-color:#1e2430;box-shadow:0 5px 15px #0000004d}
.dark_layout #edocman-documents .documents-container-blog .blog-document-card:hover{box-shadow:0 10px 25px #0006}
.dark_layout #edocman-documents .documents-container-blog .thumbnail{background-color:#2c3440}
.dark_layout #edocman-documents .documents-container-blog .document-thumbnail.no-image{background-color:#2c3440}
.dark_layout #edocman-documents .documents-container-blog .thumbnail.pdf{background-color:#e6394626}
.dark_layout #edocman-documents .documents-container-blog .thumbnail.doc{background-color:#4361ee26}
.dark_layout #edocman-documents .documents-container-blog .thumbnail.xls{background-color:#38b00026}
.dark_layout #edocman-documents .documents-container-blog .thumbnail.ppt{background-color:#ff9e0026}
.dark_layout #edocman-documents .documents-container-blog .document-title{color:#e0e0e0}
.dark_layout #edocman-documents .documents-container-blog .meta-info{color:#a0a0a0}
.dark_layout #edocman-documents .documents-container-blog .document-desc{color:#c0c7d0}
.dark_layout #edocman-documents .documents-container-blog .document-stats{color:#a0a0a0}
.dark_layout #edocman-documents .documents-container-blog .primary-actions{border-top:1px solid #2c3440}
.dark_layout #edocman-documents .documents-container-blog .btn:not(:last-child){border-right:1px solid #2c3440}
.dark_layout #edocman-documents .documents-container-blog .document-actions .btn{background-color:#2c3440;color:#c0c7d0}
.dark_layout #edocman-documents .documents-container-blog .document-actions .more-btn{background-color:#3a4250}
.dark_layout #edocman-documents .documents-container-blog .extended-actions{border-top:1px solid #2c3440;background-color:#1a202c}
.dark_layout #edocman-documents .documents-container-blog .extended-actions .btn{background-color:#2c3440;color:#c0c7d0}
@media (min-width: 768px) {
#edocman-documents .documents-container-blog{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 992px) {
#edocman-documents .documents-container-blog{grid-template-columns:repeat(2,1fr)}
}
.mass-download-system{--mdp-primary-color:#007bff;--mdp-danger-color:#dc3545;--mdp-secondary-color:#6c757d;--mdp-light-color:#f8f9fa;--mdp-dark-color:#343a40;--mdp-transition-duration:.3s;--mdp-box-shadow:0 2px 10px #0000001a;--mdp-transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;position:fixed;z-index:9999;pointer-events:none}
.mass-download-system *{box-sizing:border-box}
.mass-download-system button{pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-image:none}
.mdp-level-1{position:fixed;right:20px;bottom:20px;z-index:9999;transition:var(--mdp-transition)}
.mdp-toggle-btn{width:56px;height:56px;border-radius:50%;background-color:var(--mdp-primary-color);color:#fff;border:none;box-shadow:0 2px 5px #0003;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--mdp-transition)}
.mdp-toggle-btn:hover{background-color:#0069d9;transform:scale(1.05)}
.mdp-toggle-btn .badge{position:absolute;top:-5px;right:-5px;background-color:var(--mdp-danger-color);color:#fff;border-radius:50%;width:22px;height:22px;font-size:.75rem;display:flex;align-items:center;justify-content:center}
@keyframes pulse {
0%{box-shadow:0 0 0 0 #007bffb3}
70%{box-shadow:0 0 0 10px #007bff00}
100%{box-shadow:0 0 0 0 #007bff00}
}
.mdp-toggle-btn.has-items{animation:pulse 2s infinite}
.mdp-toggle-btn::after{content:'';position:absolute;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transition:transform .5s ease}
.mdp-toggle-btn:active::after{transform:scale(2);opacity:0;transition:transform .5s ease,opacity .5s ease}
.mdp-level-2{position:fixed;bottom:0;left:0;width:100%;z-index:9998}
.mdp-bar{background-color:#f8fafc;box-shadow:0 -2px 10px #0000001a;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-top:var(--mdp-border)}
.mdp-bar-info{display:flex;align-items:center;gap:10px}
.mdp-bar-actions{display:flex;align-items:center;gap:8px}
.mdp-level-3{position:fixed;bottom:0;left:0;width:100%;z-index:9997}
.mdp-panel{background-color:#fff;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0000001a;max-height:70vh;display:flex;flex-direction:column;pointer-events:auto}
.mdp-panel-header{background-color:var(--mdp-dark-color);color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}
.mdp-panel-header h3{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:10px}
.mdp-panel-actions{display:flex;gap:8px}
.mdp-panel-body{padding:20px;overflow-y:auto;flex-grow:1}
.mdp-file-list{display:flex;flex-direction:column;gap:10px}
.mdp-empty-message{text-align:center;padding:20px;color:var(--mdp-secondary-color);display:flex;flex-direction:column;align-items:center;gap:10px}
.mdp-empty-message i{font-size:2rem;opacity:.7}
.mdp-file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:4px;background-color:var(--mdp-light-color);border:1px solid #dee2e6}
.mdp-file-info{display:flex;align-items:center;gap:10px;flex-grow:1}
.mdp-file-icon{font-size:1.5rem;color:var(--mdp-secondary-color)}
.mdp-file-details{display:flex;flex-direction:column}
.mdp-file-name{font-weight:700;margin-bottom:5px}
.mdp-file-meta{display:flex;gap:10px;font-size:.85rem;color:var(--mdp-secondary-color)}
.mdp-file-remove{background-color:transparent;border:none;color:var(--mdp-danger-color);font-size:1rem;padding:5px;border-radius:4px}
.mdp-file-remove:hover{background-color:#dc35451a}
.mdp-toast-container{position:fixed;bottom:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.mdp-toast{min-width:300px;max-width:400px;background-color:#fff;border-radius:4px;padding:15px;box-shadow:var(--mdp-box-shadow);pointer-events:auto;animation:toast-in .3s ease}
.mdp-toast.hiding{animation:toast-out .3s ease forwards}
@keyframes toast-in {
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes toast-out {
from{transform:translateX(0);opacity:1}
to{transform:translateX(100%);opacity:0}
}
.mdp-toast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.mdp-toast-title{font-weight:700}
.mdp-toast-close{background:transparent;border:none;font-size:1.2rem;color:var(--mdp-secondary-color);cursor:pointer;padding:0;line-height:1}
.mdp-toast-message{color:var(--mdp-secondary-color)}
.mdp-toast-info{border-left:4px solid var(--mdp-primary-color)}
.mdp-toast-success{border-left:4px solid #28a745}
.mdp-toast-warning{border-left:4px solid #ffc107}
.mdp-toast-error{border-left:4px solid var(--mdp-danger-color)}
#mass-download-system .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:.375rem .75rem;border-radius:4px;border:1px solid transparent;font-size:1rem;line-height:1.5;transition:all .15s ease-in-out}
#mass-download-system .btn:disabled{opacity:.65;cursor:not-allowed}
#mass-download-system .btn-primary{background-color:var(--mdp-primary-color);border-color:var(--mdp-primary-color);color:#fff}
#mass-download-system .btn-primary:hover:not(:disabled){background-color:#0069d9;border-color:#0062cc}
#mass-download-system .btn-secondary{background-color:var(--mdp-secondary-color);border-color:var(--mdp-secondary-color);color:#fff}
#mass-download-system .btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#545b62}
#mass-download-system .btn-danger{background-color:var(--mdp-danger-color);border-color:var(--mdp-danger-color);color:#fff}
#mass-download-system .btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}
#mass-download-system .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}
#mass-download-system .btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}
#mass-download-system .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;background-color:var(--mdp-secondary-color);color:#fff}
#mass-download-system .badge.animated{animation:badge-pulse .5s ease}
@keyframes badge-pulse {
0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}
.mdp-level-1{transition:opacity var(--mdp-transition-duration) ease,transform var(--mdp-transition-duration) ease}
.mass-download-system:not(.level-1) .mdp-level-1{opacity:0;transform:scale(0.8);pointer-events:none}
.mdp-level-2{transition:transform var(--mdp-transition-duration) ease}
.mass-download-system:not(.level-2) .mdp-level-2{transform:translateY(100%);pointer-events:none}
.mdp-level-3{transition:transform var(--mdp-transition-duration) ease}
.mass-download-system:not(.level-3) .mdp-level-3{transform:translateY(100%);pointer-events:none}
.mass-download-system.level-1 .mdp-level-1,.mass-download-system.level-2 .mdp-level-2,.mass-download-system.level-3 .mdp-level-3{display:block;transform:translateY(0);opacity:1;pointer-events:all}
@keyframes minimize-to-corner {
0%{opacity:1;transform:translateY(0)}
50%{opacity:0;transform:translateY(50%)}
100%{opacity:0;transform:translateY(100%)}
}
.mass-download-system.level-1 .mdp-level-2{animation:minimize-to-corner .3s ease forwards}
@keyframes expand-from-corner {
0%{transform:scale(0.5);opacity:0}
100%{transform:scale(1);opacity:1}
}
.mass-download-system.level-2 .mdp-level-2{animation:expand-from-corner .3s ease forwards}
#mdp-expand-btn{position:relative}
#mdp-expand-btn::before{content:'';position:absolute;width:100%;height:2px;background-color:currentColor;bottom:-5px;left:0;transform:scaleX(0);transition:transform .3s ease}
#mdp-expand-btn:hover::before{transform:scaleX(1)}
#mdp-collapse-btn{position:relative}
#mdp-collapse-btn::before{content:'';position:absolute;width:100%;height:2px;background-color:currentColor;top:-5px;left:0;transform:scaleX(0);transition:transform .3s ease}
#mdp-collapse-btn:hover::before{transform:scaleX(1)}
#mdp-minimize-btn{position:relative}
#mdp-minimize-btn::before{content:'';position:absolute;width:100%;height:2px;background-color:currentColor;bottom:-5px;left:0;transform:scaleX(0);transition:transform .3s ease}
#mdp-minimize-btn:hover::before{transform:scaleX(1)}
.mass-download-system [title]{position:relative}
.mass-download-system [title]:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;margin-bottom:5px;pointer-events:none}
.mass-download-system [title]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#000c transparent transparent;z-index:10;pointer-events:none}
@media (min-width: 768px) and (max-width: 1024px) {
.mdp-panel{max-height:60vh}
.mdp-toggle-btn{width:52px;height:52px}
.mdp-bar{padding:12px 15px;flex-direction:column;gap:10px}
.mdp-bar-info{justify-content:center;width:100%;margin-bottom:8px}
.mdp-bar-actions{justify-content:center;width:100%;flex-wrap:wrap;gap:10px}
.mdp-panel-header{padding:12px 15px}
.mdp-panel-body{padding:15px}
}
@media (min-width: 480px) and (max-width: 767px) {
.mdp-toggle-btn{width:48px;height:48px;right:15px;bottom:15px}
.mdp-bar{padding:12px 15px;flex-direction:column;gap:10px}
.mdp-bar-info{justify-content:center;width:100%;margin-bottom:8px}
.mdp-bar-actions{justify-content:center;width:100%;flex-wrap:wrap;gap:5px}
.mdp-panel{max-height:80vh}
.mdp-panel-header{padding:10px;flex-direction:column}
.mdp-panel-body{padding:10px}
.btn{padding:.25rem .5rem;font-size:.875rem}
}
@media (max-width: 479px) {
.mdp-toggle-btn{width:42px;height:42px;right:10px;bottom:10px;font-size:1rem}
.mdp-toggle-btn .badge{width:18px;height:18px;font-size:.7rem}
.mdp-bar{padding:12px 15px;flex-direction:column;gap:10px}
.mdp-bar-info{justify-content:center;width:100%;margin-bottom:8px}
.mdp-bar-actions{justify-content:center;width:100%;flex-wrap:wrap;gap:5px}
.mdp-panel{max-height:85vh}
.mdp-panel-header{padding:8px;flex-direction:column}
.mdp-panel-header h3{font-size:1rem;width:100%;justify-content:center;font-weight:600;margin-bottom:10px}
.mdp-panel-actions{flex-wrap:wrap;gap:5px;width:100%}
.mdp-panel-body{padding:8px}
.btn{padding:.2rem .4rem;font-size:.75rem}
.mdp-file-item{padding:8px}
.mdp-file-name{font-size:.875rem}
.mdp-file-size{font-size:.75rem}
.mdp-toast{min-width:auto;max-width:280px;padding:10px}
.mdp-toast-title{font-size:.875rem}
.mdp-toast-message{font-size:.75rem}
}
@media (max-height: 600px) {
.mdp-panel{max-height:75vh}
}
@media (max-height: 400px) {
.mdp-panel{max-height:85vh}
}
.edocman-container a{text-decoration:none}
.search_notification{background-color:#e7f4ff;border-left:5px solid #007BFF;padding:15px;margin:20px 0;border-radius:5px}
.search_notification p{margin:0;color:#333}
.documents-container-blog .more-icon{cursor:pointer;color:blue;text-decoration:underline;position:relative}
.documents-container-blog .btooltip{display:none;position:fixed;background-color:#000;color:#fff;padding:10px 12px;border-radius:6px;z-index:1000;max-width:200px;white-space:normal;word-wrap:break-word;font-size:14px;line-height:1.4;box-shadow:0 4px 10px #0003;transition:opacity .2s ease}
.documents-container-blog .btooltip-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #000;position:absolute;top:-8px;left:50%;transform:translateX(-50%)}
.btooltip-content{padding-top:4px}
@media (max-width: 600px) {
.btooltip{font-size:16px}
}
.imgmodal{display:none;position:fixed;z-index:1000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}
.imgmodal-content{margin:auto;display:block;max-width:90%;max-height:90%;opacity:1!important}
.imgclose{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}
.imgclose:hover,.imgclose:focus{color:#bbb;text-decoration:none;cursor:pointer}
.thumbnail-image{cursor:pointer;transition:.3s}
.thumbnail-image:hover{opacity:.8}
#pdf-viewer{width:100%;height:calc(100vh - 60px);overflow-y:auto;border:1px solid #ddd;background:#f5f5f5;margin-top:10px}
.pdf-toolbar{display:flex;gap:10px;padding:10px;background:#f8f9fa;border-bottom:1px solid #ddd}
.pdf-toolbar button{padding:6px 12px;border:1px solid #ccc;background:#fff;border-radius:3px;cursor:pointer;transition:all .3s}
.pdf-toolbar button:hover{background:#e9ecef}
.pdf-page{margin:20px auto;box-shadow:0 0 5px #0003;position:relative}
.page-label{position:absolute;right:10px;top:10px;background:#00000080;color:#fff;padding:2px 10px;border-radius:3px;font-size:12px}
.loading{text-align:center;padding:50px;font-size:18px}
@media print {
.pdf-toolbar,.page-label{display:none!important}
.pdf-page{margin:0;box-shadow:none;page-break-after:always}
}

.date-label
{
    font-weight: 600;
    color: #666;
}

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  border: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  border: 0;
}

.choices[data-type*=select-one] .choices__item {
    justify-content: start !important;
}

/* Enhanced Users List Styles */
.edocman-users-list {
    padding: 2rem;
    background: var(--light-edocman-color, #ffffff);
    min-height: 100vh;
}

.edocman-users-list .edocman-page-heading {
    display: flex;
    align-items: center;
    font-size: 2.5rem !important;
    font-weight: 700;
    color: var(--text-edocman-color, #212121);
    margin-bottom: 2rem;
    gap: 1rem;
}

.edocman-users-list .edocman-page-heading i {
    background: linear-gradient(135deg, var(--primary-edocman-color, #205081), var(--secondary-edocman-color, #217a3b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 2rem;
}

.users-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.user-card {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.user-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-edocman-color, #205081), var(--secondary-edocman-color, #217a3b));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.user-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.user-card:hover::before {
    opacity: 1;
}

.user-info {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.user-info::before {
    content: attr(data-initials);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background: linear-gradient(135deg, var(--primary-edocman-color, #205081), var(--secondary-edocman-color, #217a3b));
    flex-shrink: 0;
}

.user-info h3 {
    margin: 0 0 0.25rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
}

.user-info h3 a {
    color: var(--text-edocman-color, #212121);
    text-decoration: none;
    transition: color 0.3s ease;
}

.user-info h3 a:hover {
    color: var(--primary-edocman-color, #205081);
}

.username {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0;
    font-weight: 500;
}

.user-stats-mini {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.user-stats-mini .stat {
    text-align: center;
    flex: 1;
}

.user-stats-mini .stat .number {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-edocman-color, #212121);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.user-stats-mini .stat .label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.last-upload {
    color: #64748b;
    font-size: 0.85rem;
    margin: 1rem 0 0 0;
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.last-upload::before {
    content: "🕒";
    font-size: 1rem;
}

/* Dark mode support for users list */
.dark_layout .edocman-users-list {
    background: var(--dark-edocman-color, #181c20);
}

.dark_layout .user-card {
    background: var(--light-edocman-color, #23272b);
    border-color: #374151;
}

.dark_layout .user-stats-mini {
    background: #1f2937;
    border-color: #374151;
}

/* Responsive for users list */
@media (max-width: 768px) {
    .edocman-users-list {
        padding: 1rem;
    }
    
    .users-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .user-card {
        padding: 1.25rem;
    }
    
    .user-info {
        flex-direction: column;
        text-align: center;
    }
    
    .user-stats-mini {
        flex-direction: column;
        gap: 1rem;
    }
}

/* Enhanced User Documents Page Styles */
.edocman-user-info {
    background: linear-gradient(135deg, var(--primary-edocman-color, #205081), var(--secondary-edocman-color, #217a3b));
    color: white;
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.edocman-user-info .edocman-page-heading {
    color: white !important;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.edocman-user-info .edocman-page-heading i {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-details {
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.user-details p {
    margin: 0.5rem 0;
    font-size: 1rem;
}

.edocman-user-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.stat-item {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: white;
}

.stat-label {
    font-size: 0.85rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Dark mode for user documents */
.dark_layout .edocman-user-info {
    background: linear-gradient(135deg, #1f2937, #374151);
}

/* Responsive for user documents */
@media (max-width: 768px) {
    .edocman-user-info {
        padding: 1.5rem;
    }
    
    .edocman-user-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    
    .stat-item {
        padding: 0.75rem;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .edocman-user-stats {
        grid-template-columns: 1fr;
    }
}

/* ==========================================
   MODERN USERS LIST STYLES
   ========================================== */

/* Users List Container */
.edocman-users-list-modern {
    padding: 2rem;
    background: var(--light-edocman-color);
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header Section */
.users-header-section {
    margin-bottom: 2.5rem;
    text-align: center;
}

.users-main-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-edocman-color);
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
    gap: 1rem;
}

.title-icon {
    font-size: 2rem;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.users-subtitle {
    color: #64748b;
    font-size: 1.1rem;
    margin: 0;
    font-weight: 500;
}

/* Modern Grid Layout */
.users-modern-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

/* User Card */
.user-modern-card {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.user-modern-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.user-modern-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.user-modern-card:hover::before {
    opacity: 1;
}

/* Card Header */
.user-card-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.user-avatar-wrapper {
    position: relative;
}

.user-avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: var(--transition);
}

/* Avatar Color Variations */
.user-avatar.avatar-1 { background: linear-gradient(135deg, #667eea, #764ba2); }
.user-avatar.avatar-2 { background: linear-gradient(135deg, #f093fb, #f5576c); }
.user-avatar.avatar-3 { background: linear-gradient(135deg, #4facfe, #00f2fe); }
.user-avatar.avatar-4 { background: linear-gradient(135deg, #43e97b, #38f9d7); }
.user-avatar.avatar-5 { background: linear-gradient(135deg, #fa709a, #fee140); }
.user-avatar.avatar-6 { background: linear-gradient(135deg, #a8edea, #fed6e3); }

.user-modern-card:hover .user-avatar {
    transform: scale(1.1);
}

.user-status-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid white;
}

.user-status-indicator.active {
    background: var(--success-edocman-color);
}

.user-status-indicator.inactive {
    background: #94a3b8;
}

/* User Info */
.user-info-section {
    flex: 1;
}

.user-name-title {
    margin: 0 0 0.25rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
}

.user-name-link {
    color: var(--text-edocman-color);
    text-decoration: none;
    transition: var(--transition);
}

.user-name-link:hover {
    color: var(--primary-edocman-color);
}

.user-username {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0 0 0.75rem 0;
    font-weight: 500;
}

.user-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-badge.active-badge {
    background: #dcfce7;
    color: #166534;
}

.user-badge.inactive-badge {
    background: #fef3c7;
    color: #92400e;
}

.badge-icon {
    font-size: 0.7rem;
}

/* Statistics Section */
.user-stats-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.stat-item-modern {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.stat-icon-wrapper {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: white;
}

.stat-icon-wrapper.documents {
    background: linear-gradient(135deg, var(--primary-edocman-color), #2563eb);
}

.stat-icon-wrapper.downloads {
    background: linear-gradient(135deg, var(--success-edocman-color), #059669);
}

.stat-content {
    flex: 1;
}

.stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-edocman-color);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-divider-modern {
    width: 1px;
    height: 2.5rem;
    background: #e2e8f0;
    margin: 0 1rem;
}

/* Meta Info */
.user-meta-info {
    margin: 1rem 0;
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
}

.last-activity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.85rem;
}

.activity-icon {
    color: #94a3b8;
}

/* Action Buttons */
.user-actions-section {
    margin-top: 1.5rem;
}

.btn-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    width: 100%;
}

.btn-modern.btn-primary {
    background: linear-gradient(135deg, var(--primary-edocman-color), #2563eb);
    color: white;
}

.btn-modern.btn-primary:hover {
    background: linear-gradient(135deg, #1a4066, #1d4ed8);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(32, 80, 129, 0.4);
}

.btn-modern.btn-disabled {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

.btn-icon {
    font-size: 1rem;
}

/* Empty State */
.users-empty-state {
    text-align: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.empty-icon-wrapper {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    opacity: 0.5;
}

.empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--text-edocman-color);
}

.empty-description {
    font-size: 1rem;
    max-width: 400px;
    margin: 0 auto;
}

/* Pagination */
.users-pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

/* ==========================================
   MODERN USER DOCUMENTS PAGE STYLES
   ========================================== */

/* User Info Header */
.edocman-user-info-modern {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: white;
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.user-header-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.user-avatar-large {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.user-header-text {
    flex: 1;
}

.user-header-text .edocman-page-heading {
    color: white !important;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.heading-icon {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem;
    border-radius: 50%;
    font-size: 1.2rem;
}

.user-details {
    opacity: 0.9;
}

.user-details p {
    margin: 0.5rem 0;
    font-size: 1rem;
}

/* User Statistics Modern */
.edocman-user-stats-modern {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.stat-card {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: var(--transition);
}

.stat-card:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.stat-card .stat-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    display: block;
}

.stat-card .stat-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-card .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    line-height: 1;
}

.stat-card .stat-label {
    font-size: 0.85rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ==========================================
   DARK MODE SUPPORT
   ========================================== */

.dark_layout .edocman-users-list-modern {
    background: var(--dark-edocman-color);
}

.dark_layout .users-main-title {
    color: var(--text-edocman-color);
}

.dark_layout .users-subtitle {
    color: #94a3b8;
}

.dark_layout .user-modern-card {
    background: var(--light-edocman-color);
    border-color: #374151;
}

.dark_layout .user-name-link {
    color: var(--text-edocman-color);
}

.dark_layout .user-name-link:hover {
    color: var(--primary-edocman-color);
}

.dark_layout .user-stats-section {
    background: #1f2937;
    border-color: #374151;
}

.dark_layout .stat-number {
    color: var(--text-edocman-color);
}

.dark_layout .user-meta-info {
    border-top-color: #374151;
}

.dark_layout .btn-modern.btn-disabled {
    background: #374151;
    color: #6b7280;
}

.dark_layout .empty-title {
    color: var(--text-edocman-color);
}

.dark_layout .edocman-user-info-modern {
    background: linear-gradient(135deg, #1f2937, #374151);
}

.dark_layout .stat-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark_layout .stat-card:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

/* Tablet */
@media (max-width: 1024px) {
    .edocman-users-list-modern {
        padding: 1.5rem;
    }
    
    .users-modern-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 1.5rem;
    }
    
    .user-modern-card {
        padding: 1.25rem;
    }
    
    .edocman-user-stats-modern {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .edocman-users-list-modern {
        padding: 1rem;
    }
    
    .users-main-title {
        font-size: 2rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .title-icon {
        font-size: 1.5rem;
    }
    
    .users-modern-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .user-card-header {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .user-info-section {
        text-align: center;
    }
    
    .user-stats-section {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .stat-divider-modern {
        display: none;
    }
    
    .stat-item-modern {
        justify-content: center;
    }
    
    .user-header-content {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .user-header-text .edocman-page-heading {
        justify-content: center;
        font-size: 1.5rem;
    }
    
    .edocman-user-stats-modern {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    
    .edocman-user-info-modern {
        padding: 1.5rem;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .users-main-title {
        font-size: 1.75rem;
    }
    
    .user-modern-card {
        padding: 1rem;
    }
    
    .user-avatar {
        width: 3rem;
        height: 3rem;
        font-size: 1rem;
    }
    
    .user-avatar-large {
        width: 4rem;
        height: 4rem;
        font-size: 1.25rem;
    }
    
    .user-name-title {
        font-size: 1.1rem;
    }
    
    .stat-number {
        font-size: 1.25rem;
    }
    
    .edocman-user-stats-modern {
        grid-template-columns: 1fr;
    }
    
    .stat-card .stat-number {
        font-size: 1.5rem;
    }
    
    .btn-modern {
        padding: 0.625rem 1rem;
        font-size: 0.8rem;
    }
}

/* ==========================================
   ANIMATION ENHANCEMENTS
   ========================================== */

.user-modern-card {
    animation: fadeInUp 0.6s ease-out;
}

.user-modern-card:nth-child(1) { animation-delay: 0.1s; }
.user-modern-card:nth-child(2) { animation-delay: 0.2s; }
.user-modern-card:nth-child(3) { animation-delay: 0.3s; }
.user-modern-card:nth-child(4) { animation-delay: 0.4s; }
.user-modern-card:nth-child(5) { animation-delay: 0.5s; }
.user-modern-card:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover Effects */
.user-modern-card .card-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 16px;
    pointer-events: none;
}

.user-modern-card:hover .card-hover-overlay {
    opacity: 0.02;
}

/* Focus States */
.user-name-link:focus,
.btn-modern:focus {
    outline: 2px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Loading States */
.user-modern-card.loading {
    opacity: 0.6;
    pointer-events: none;
}

.user-modern-card.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid var(--primary-edocman-color);
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ==========================================
   ACCESSIBILITY IMPROVEMENTS
   ========================================== */

.user-modern-card {
    position: relative;
}

.user-modern-card:focus-within {
    box-shadow: 0 0 0 2px var(--primary-edocman-color);
}

.user-badge {
    role: status;
    aria-live: polite;
}

.stat-number {
    font-variant-numeric: tabular-nums;
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .user-modern-card {
        border: 2px solid var(--text-edocman-color);
    }
    
    .user-avatar {
        border: 2px solid var(--text-edocman-color);
    }
    
    .btn-modern.btn-primary {
        border: 2px solid var(--primary-edocman-color);
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .user-modern-card,
    .user-avatar,
    .btn-modern,
    .stat-card {
        transition: none;
        animation: none;
    }
    
    .user-modern-card:hover {
        transform: none;
    }
}

/* Print Styles */
@media print {
    .edocman-users-list-modern {
        background: white !important;
        color: black !important;
    }
    
    .user-modern-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }
    
    .user-actions-section {
        display: none;
    }
}


/* Filters Section */
.edocman-filters-section {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin: 25px 0;
    overflow: hidden;
}

.filters-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 25px;
}

.filters-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-icon {
    font-size: 24px;
}

.filters-body {
    padding: 25px;
}

.filter-group {
    margin-bottom: 20px;
}

.filter-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 8px;
    font-size: 14px;
}

.label-icon {
    font-size: 16px;
}

.filter-select,
.filter-input {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #ffffff;
}

.filter-select:focus,
.filter-input:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.filter-select:hover,
.filter-input:hover {
    border-color: #cbd5e0;
}

/* Filter Actions */
.filter-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #f7fafc;
}

.btn-filter {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-apply {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
}

.btn-apply:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-reset {
    background: #f7fafc;
    color: #4a5568;
    border: 2px solid #e2e8f0;
}

.btn-reset:hover {
    background: #edf2f7;
    border-color: #cbd5e0;
}

/* Active Filters */
.active-filters {
    margin-top: 20px;
    padding: 15px;
    background: #f7fafc;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.active-filters-label {
    font-weight: 600;
    color: #4a5568;
    font-size: 14px;
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 20px;
    font-size: 13px;
    color: #2d3748;
}

.remove-filter {
    color: #e53e3e;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    line-height: 1;
    transition: color 0.2s ease;
}

.remove-filter:hover {
    color: #c53030;
}

/* Responsive */
@media (max-width: 768px) {
    .filters-body .row-fluid > div {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .filter-actions {
        flex-direction: column;
    }
    
    .btn-filter {
        width: 100%;
        justify-content: center;
    }
    
    .active-filters {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ==========================================
   MODERN SEARCH FORM STYLES
   ========================================== */

.edocman-search-container {
    margin: 2rem 0;
    padding: 0;
}

.edocman-search-wrapper {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid #e9ecef;
}

.search-header {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    padding: 2rem 2.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.search-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    animation: pulse 15s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

.search-title {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    position: relative;
    z-index: 1;
}

.search-title i {
    font-size: 2rem;
    animation: searchPulse 2s ease-in-out infinite;
}

@keyframes searchPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.search-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    margin: 0;
    position: relative;
    z-index: 1;
}

.search-form-content {
    padding: 2.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 1.5rem;
    align-items: end;
}

.search-input-group,
.search-category-group {
    position: relative;
}

.input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon {
    position: absolute;
    left: 1.25rem;
    color: #6c757d;
    font-size: 1.25rem;
    z-index: 2;
    pointer-events: none;
    transition: color 0.3s ease;
}

.search-input,
.search-category-group select {
    width: 100%;
    padding: 1rem 1rem 1rem 3.5rem;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #ffffff;
    color: var(--text-edocman-color);
    font-weight: 500;
}

.search-input:focus,
.search-category-group select:focus {
    outline: none;
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 4px rgba(32, 80, 129, 0.1);
}

.search-input:focus ~ .search-icon,
.search-category-group select:focus ~ .search-icon {
    color: var(--primary-edocman-color);
}

.search-input::placeholder {
    color: #adb5bd;
    font-weight: 400;
}

.btn-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(32, 80, 129, 0.3);
    white-space: nowrap;
    height: 100%;
    min-height: 56px;
}

.btn-search:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(32, 80, 129, 0.4);
}

.btn-search:active {
    transform: translateY(0);
}

.btn-search svg {
    width: 20px;
    height: 20px;
}

/* Search Results Notification */
.search_notification {
    background: linear-gradient(135deg, #e7f4ff 0%, #d4ebff 100%);
    border-left: 5px solid var(--primary-edocman-color);
    padding: 1.5rem 2rem;
    margin: 2rem 0;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.search_notification p {
    margin: 0;
    color: var(--text-edocman-color);
    font-size: 1.05rem;
    line-height: 1.6;
}

.search_notification .keyword,
.search_notification .category {
    color: var(--primary-edocman-color);
    font-weight: 700;
}

/* Dark Mode Support */
.dark_layout .edocman-search-wrapper {
    background: linear-gradient(135deg, var(--light-edocman-color) 0%, #1a202c 100%);
    border-color: #374151;
}

.dark_layout .search-input,
.dark_layout .search-category-group select {
    background: #1f2937;
    border-color: #374151;
    color: var(--text-edocman-color);
}

.dark_layout .search-input::placeholder {
    color: #6b7280;
}

.dark_layout .search-icon {
    color: #9ca3af;
}

.dark_layout .search-input:focus,
.dark_layout .search-category-group select:focus {
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 4px rgba(125, 193, 255, 0.1);
}

.dark_layout .search_notification {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    border-left-color: var(--primary-edocman-color);
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

@media (max-width: 1024px) {
    .search-form-content {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
    }
    
    .search-button-group {
        grid-column: 1 / -1;
    }
    
    .btn-search {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .edocman-search-wrapper {
        border-radius: 16px;
    }
    
    .search-header {
        padding: 1.5rem 1.25rem;
    }
    
    .search-title {
        font-size: 1.5rem;
    }
    
    .search-title i {
        font-size: 1.5rem;
    }
    
    .search-subtitle {
        font-size: 0.9rem;
    }
    
    .search-form-content {
        grid-template-columns: 1fr;
        padding: 1.5rem;
        gap: 1rem;
    }
    
    .search-button-group {
        grid-column: 1;
    }
    
    .btn-search {
        width: 100%;
        padding: 0.875rem 1.5rem;
    }
    
    .search-input,
    .search-category-group select {
        padding: 0.875rem 0.875rem 0.875rem 3rem;
        font-size: 0.95rem;
    }
    
    .search-icon {
        left: 1rem;
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .search-header {
        padding: 1.25rem 1rem;
    }
    
    .search-title {
        font-size: 1.25rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .search-title i {
        font-size: 1.25rem;
    }
    
    .search-subtitle {
        font-size: 0.85rem;
    }
    
    .search-form-content {
        padding: 1.25rem;
    }
    
    .btn-search {
        font-size: 0.95rem;
        padding: 0.75rem 1.25rem;
        min-height: 48px;
    }
    
    .btn-search span {
        display: inline;
    }
}

/* Accessibility Improvements */
.search-input:focus-visible,
.search-category-group select:focus-visible,
.btn-search:focus-visible {
    outline: 3px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Animation for form appearance */
@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.edocman-search-wrapper {
    animation: slideInDown 0.6s ease-out;
}

/* Loading state */
.btn-search.loading {
    pointer-events: none;
    opacity: 0.7;
}

.btn-search.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .edocman-search-wrapper {
        border: 2px solid var(--text-edocman-color);
    }
    
    .search-input,
    .search-category-group select {
        border: 2px solid var(--text-edocman-color);
    }
    
    .btn-search {
        border: 2px solid #ffffff;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .edocman-search-wrapper,
    .search-title i,
    .btn-search,
    .search-input,
    .search-category-group select {
        animation: none;
        transition: none;
    }
}


/* ==========================================
   USER DOCUMENTS FILTER FORM STYLES
   ========================================== */

/* Main container */
#edocman-category-page-default {
    padding: 1rem 0;
}

/* Page heading section */
#edocman-category-page-default h1.edocman-page-heading {
    font-weight: 600;
    color: var(--text-edocman-color);
    margin-bottom: 1.5rem !important;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Action buttons container */
#edocman-category-page-default .edocman_upload_link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-decoration: none !important;
    margin-left: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#edocman-category-page-default .edocman_upload_link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#edocman-category-page-default .edocman_upload_link svg {
    width: 16px;
    height: 16px;
}

/* Filter section */
.ed-filters {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.filter-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    align-items: end;
}

.filter-field {
    position: relative;
}

.filter-field label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

/* Calendar inputs */
.filter-field input[type="text"],
.filter-field .hasTooltip {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff;
    color: var(--text-edocman-color);
}

.filter-field input[type="text"]:focus,
.filter-field .hasTooltip:focus {
    outline: none;
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 3px rgba(32, 80, 129, 0.1);
}

/* Select dropdown */
.filter-field select {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23495057" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') no-repeat right 1rem center;
    background-size: 12px;
    appearance: none;
    cursor: pointer;
    color: var(--text-edocman-color);
}

.filter-field select:focus {
    outline: none;
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 3px rgba(32, 80, 129, 0.1);
}

/* Filter buttons */
.filter-field button,
.filter-field .btn {
    width: 100%;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.filter-field button.btn-primary,
.filter-field .btn-primary {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(32, 80, 129, 0.3);
}

.filter-field button.btn-primary:hover,
.filter-field .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(32, 80, 129, 0.4);
}

.filter-field button.btn-secondary,
.filter-field .btn-secondary {
    background: #6c757d;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.filter-field button.btn-secondary:hover,
.filter-field .btn-secondary:hover {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(108, 117, 125, 0.4);
}

/* User documents table */
#userdocumentstable {
    margin-top: 2rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    background: #ffffff;
}

#userdocumentstable thead th {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color)) !important;
    color: #ffffff !important;
    padding: 1rem !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border: none !important;
}

#userdocumentstable thead th a {
    color: #ffffff !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

#userdocumentstable thead th a:hover {
    opacity: 0.9;
}

#userdocumentstable tbody tr {
    transition: all 0.3s ease;
    border-bottom: 1px solid #e9ecef;
}

#userdocumentstable tbody tr:hover {
    background-color: #f8f9fa;
    transform: scale(1.01);
}

#userdocumentstable tbody td {
    padding: 1rem !important;
    vertical-align: middle;
    color: var(--text-edocman-color);
}

/* Table action buttons */
#userdocumentstable .documents_table_edit,
#userdocumentstable .documents_table_delete,
#userdocumentstable .documents_table_view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 0.25rem;
}

#userdocumentstable .documents_table_edit {
    background-color: #0dcaf0;
    color: #ffffff;
}

#userdocumentstable .documents_table_edit:hover {
    background-color: #0bb5d7;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 202, 240, 0.3);
}

#userdocumentstable .documents_table_view {
    background-color: #198754;
    color: #ffffff;
}

#userdocumentstable .documents_table_view:hover {
    background-color: #157347;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(25, 135, 84, 0.3);
}

#userdocumentstable .documents_table_delete {
    background-color: #dc3545;
    color: #ffffff;
}

#userdocumentstable .documents_table_delete:hover {
    background-color: #bb2d3b;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

/* Checkbox styling */
#userdocumentstable input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--primary-edocman-color);
}

/* Status indicators */
.red {
    color: var(--danger-edocman-color) !important;
    font-weight: 600;
}

.green {
    color: var(--success-edocman-color) !important;
    font-weight: 600;
}

/* Calendar filter specific styles */
.calendarfilter {
    margin: 1.5rem 0;
}

.calendarfilter .ed-filters {
    position: relative;
}

/* Calendar icon styling */
.filter-field .calendar {
    position: relative;
}

.filter-field .calendar::before {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23495057" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg>') no-repeat center;
    background-size: contain;
    pointer-events: none;
}

/* Dark mode support */
.dark_layout .ed-filters {
    background: linear-gradient(135deg, var(--light-edocman-color) 0%, #1a202c 100%);
    border-color: #374151;
}

.dark_layout .filter-field input[type="text"],
.dark_layout .filter-field .hasTooltip,
.dark_layout .filter-field select {
    background-color: #1f2937;
    border-color: #374151;
    color: var(--text-edocman-color);
}

.dark_layout .filter-field input[type="text"]:focus,
.dark_layout .filter-field .hasTooltip:focus,
.dark_layout .filter-field select:focus {
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 3px rgba(125, 193, 255, 0.1);
}

.dark_layout .filter-field label {
    color: #d1d5db;
}

.dark_layout #userdocumentstable {
    background: var(--light-edocman-color);
}

.dark_layout #userdocumentstable tbody tr:hover {
    background-color: #374151;
}

/* ==========================================
   RESPONSIVE DESIGN FOR USER DOCUMENTS
   ========================================== */

@media (max-width: 1024px) {
    .filter-fields {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .ed-filters {
        padding: 1rem;
    }
    
    .filter-fields {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    #edocman-category-page-default .edocman_upload_link {
        display: flex;
        width: 100%;
        margin: 0.5rem 0;
        justify-content: center;
    }
    
    #edocman-category-page-default h1.edocman-page-heading {
        font-size: 1.5rem !important;
        text-align: center;
        justify-content: center;
    }
    
    /* Mobile table styles */
    #userdocumentstable {
        width: 100%;
        border: none;
    }
    
    #userdocumentstable thead {
        display: none;
    }
    
    #userdocumentstable tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 1rem;
        background: #ffffff;
    }
    
    #userdocumentstable tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0 !important;
        border: none !important;
        text-align: right !important;
    }
    
    #userdocumentstable tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        color: #6c757d;
        text-align: left;
        flex: 1;
    }
    
    #userdocumentstable tbody td:last-child {
        border-bottom: none !important;
    }
}

@media (max-width: 480px) {
    .ed-filters {
        padding: 0.75rem;
        border-radius: 8px;
    }
    
    .filter-field input[type="text"],
    .filter-field .hasTooltip,
    .filter-field select,
    .filter-field button {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }
    
    #edocman-category-page-default .edocman_upload_link {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}

/* Loading state */
.filter-field button.loading {
    pointer-events: none;
    opacity: 0.7;
    position: relative;
}

.filter-field button.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.8s linear infinite;
}

/* Accessibility improvements */
.filter-field input:focus-visible,
.filter-field select:focus-visible,
.filter-field button:focus-visible {
    outline: 3px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .ed-filters,
    .edocman_upload_link {
        display: none;
    }
    
    #userdocumentstable {
        box-shadow: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .ed-filters {
        border: 2px solid var(--text-edocman-color);
    }
    
    .filter-field input[type="text"],
    .filter-field select {
        border: 2px solid var(--text-edocman-color);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .filter-field input,
    .filter-field select,
    .filter-field button,
    #userdocumentstable tbody tr,
    .edocman_upload_link {
        transition: none;
    }
}
/* ==========================================
   FIX CALENDAR FILTER LAYOUT
   ========================================== */

/* Calendar filter container */
.calendarfilter {
    margin: 1.5rem 0;
    width: 100%;
}

.calendarfilter .ed-filters {
    position: relative;
    padding: 1.5rem;
}

/* Filter fields grid layout */
.calendarfilter .filter-fields {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 1rem;
    align-items: end;
    width: 100%;
}

/* Individual filter field */
.calendarfilter .filter-field {
    position: relative;
    width: 100%;
}

.calendarfilter .filter-field label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

/* Calendar input wrapper */
.calendarfilter .filter-field .calendar {
    position: relative;
    width: 100%;
    display: block;
}

/* Calendar input field */
.calendarfilter .filter-field input[type="text"],
.calendarfilter .filter-field .hasTooltip {
    width: 100% !important;
    padding: 0.75rem 3rem 0.75rem 1rem !important;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff;
    color: var(--text-edocman-color);
    box-sizing: border-box;
}

/* Calendar button/icon */
.calendarfilter .filter-field .calendar button,
.calendarfilter .filter-field .calendar .btn {
    position: absolute !important;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: none;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: #ffffff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 2;
}

.calendarfilter .filter-field .calendar button:hover,
.calendarfilter .filter-field .calendar .btn:hover {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 12px rgba(32, 80, 129, 0.3);
}

.calendarfilter .filter-field .calendar button svg,
.calendarfilter .filter-field .calendar .btn svg,
.calendarfilter .filter-field .calendar button i,
.calendarfilter .filter-field .calendar .btn i {
    width: 18px;
    height: 18px;
    color: #ffffff;
}

/* Filter button */
.calendarfilter .filter-field button.btn-primary,
.calendarfilter .filter-field .btn-primary {
    width: auto !important;
    min-width: 120px;
    padding: 0.75rem 1.5rem !important;
    height: auto !important;
    position: relative !important;
    transform: none !important;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    box-shadow: 0 4px 12px rgba(32, 80, 129, 0.3);
}

.calendarfilter .filter-field button.btn-primary:hover,
.calendarfilter .filter-field .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(32, 80, 129, 0.4);
}

/* Focus states */
.calendarfilter .filter-field input[type="text"]:focus,
.calendarfilter .filter-field .hasTooltip:focus {
    outline: none;
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 3px rgba(32, 80, 129, 0.1);
}

/* Dark mode */
.dark_layout .calendarfilter .ed-filters {
    background: linear-gradient(135deg, var(--light-edocman-color) 0%, #1a202c 100%);
    border-color: #374151;
}

.dark_layout .calendarfilter .filter-field input[type="text"],
.dark_layout .calendarfilter .filter-field .hasTooltip {
    background-color: #1f2937;
    border-color: #374151;
    color: var(--text-edocman-color);
}

.dark_layout .calendarfilter .filter-field input[type="text"]:focus,
.dark_layout .calendarfilter .filter-field .hasTooltip:focus {
    border-color: var(--primary-edocman-color);
    box-shadow: 0 0 0 3px rgba(125, 193, 255, 0.1);
}

.dark_layout .calendarfilter .filter-field label {
    color: #d1d5db;
}

/* ==========================================
   RESPONSIVE FOR CALENDAR FILTER
   ========================================== */

@media (max-width: 1024px) {
    .calendarfilter .filter-fields {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    
    .calendarfilter .filter-field:last-child {
        grid-column: 1 / -1;
    }
    
    .calendarfilter .filter-field button.btn-primary,
    .calendarfilter .filter-field .btn-primary {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .calendarfilter .ed-filters {
        padding: 1rem;
    }
    
    .calendarfilter .filter-fields {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .calendarfilter .filter-field:last-child {
        grid-column: 1;
    }
    
    .calendarfilter .filter-field input[type="text"],
    .calendarfilter .filter-field .hasTooltip {
        padding: 0.625rem 3rem 0.625rem 1rem !important;
        font-size: 0.875rem;
    }
    
    .calendarfilter .filter-field .calendar button,
    .calendarfilter .filter-field .calendar .btn {
        width: 32px !important;
        height: 32px !important;
    }
    
    .calendarfilter .filter-field button.btn-primary,
    .calendarfilter .filter-field .btn-primary {
        width: 100% !important;
        padding: 0.625rem 1.25rem !important;
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .calendarfilter .ed-filters {
        padding: 0.75rem;
        border-radius: 8px;
    }
    
    .calendarfilter .filter-field label {
        font-size: 0.8125rem;
        margin-bottom: 0.375rem;
    }
    
    .calendarfilter .filter-field input[type="text"],
    .calendarfilter .filter-field .hasTooltip {
        padding: 0.5rem 2.75rem 0.5rem 0.875rem !important;
        font-size: 0.8125rem;
    }
    
    .calendarfilter .filter-field .calendar button,
    .calendarfilter .filter-field .calendar .btn {
        width: 28px !important;
        height: 28px !important;
        right: 0.375rem;
    }
    
    .calendarfilter .filter-field .calendar button svg,
    .calendarfilter .filter-field .calendar .btn svg,
    .calendarfilter .filter-field .calendar button i,
    .calendarfilter .filter-field .calendar .btn i {
        width: 14px;
        height: 14px;
    }
}

/* Fix for Joomla calendar component */
.calendarfilter .input-group {
    position: relative;
    display: flex;
    width: 100%;
}

.calendarfilter .input-group input {
    flex: 1;
    padding-right: 3rem !important;
}

.calendarfilter .input-group-btn,
.calendarfilter .input-group-append {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.calendarfilter .input-group-btn button,
.calendarfilter .input-group-append button {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: none;
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: #ffffff;
    border-radius: 6px;
}

/* Accessibility */
.calendarfilter .filter-field input:focus-visible,
.calendarfilter .filter-field button:focus-visible {
    outline: 3px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .calendarfilter .filter-field input,
    .calendarfilter .filter-field button,
    .calendarfilter .filter-field .calendar button {
        transition: none;
    }
}


/* ==========================================
   MODERN CATEGORIES TABLE LAYOUT
   ========================================== */

.edocman-categories-table {
    background: var(--light-edocman-color);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin: 2rem 0;
}

/* Table Header */
.edocman-categories-table .table-header {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    padding: 1.5rem 2rem;
    color: white;
}

.edocman-categories-table .table-header h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: white;
}

/* Category Row */
.category-table-row {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    align-items: center;
    border-bottom: 1px solid #e9ecef;
    transition: all 0.3s ease;
    background: white;
}

.category-table-row:hover {
    background: #f8f9fa;
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.category-table-row:last-child {
    border-bottom: none;
}

/* Category Icon */
.category-icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Alternate icon colors */
.category-table-row:nth-child(2) .category-icon-wrapper {
    background: linear-gradient(135deg, #f093fb, #f5576c);
}

.category-table-row:nth-child(3) .category-icon-wrapper {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
}

.category-table-row:nth-child(4) .category-icon-wrapper {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
}

.category-table-row:nth-child(5) .category-icon-wrapper {
    background: linear-gradient(135deg, #fa709a, #fee140);
}

/* Category Info */
.category-info-section {
    flex: 1;
    min-width: 0;
}

.category-title-link {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-edocman-color);
    text-decoration: none;
    display: block;
    margin-bottom: 0.5rem;
    transition: color 0.3s ease;
}

.category-title-link:hover {
    color: var(--primary-edocman-color);
}

.category-description {
    color: #6c757d;
    font-size: 0.9rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Category Stats */
.category-stats-inline {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.stat-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-edocman-color);
    white-space: nowrap;
}

.stat-badge i {
    font-size: 1rem;
    color: var(--primary-edocman-color);
}

/* Category Actions */
.category-actions-inline {
    display: flex;
    gap: 0.5rem;
}

.action-btn-small {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.action-btn-small.btn-view {
    background: var(--info-edocman-color);
    color: white;
}

.action-btn-small.btn-view:hover {
    background: #1a5f7a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(34, 118, 160, 0.3);
}

.action-btn-small.btn-edit {
    background: var(--warning-edocman-color);
    color: white;
}

.action-btn-small.btn-edit:hover {
    background: #8b5707;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(178, 106, 0, 0.3);
}

/* Empty State */
.categories-table-empty {
    text-align: center;
    padding: 4rem 2rem;
    color: #6c757d;
}

.categories-table-empty i {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.3;
}

.categories-table-empty h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--text-edocman-color);
}

/* Dark Mode */
.dark_layout .edocman-categories-table {
    background: var(--light-edocman-color);
}

.dark_layout .category-table-row {
    background: var(--light-edocman-color);
    border-bottom-color: #374151;
}

.dark_layout .category-table-row:hover {
    background: #2c3440;
}

.dark_layout .category-title-link {
    color: var(--text-edocman-color);
}

.dark_layout .category-description {
    color: #9ca3af;
}

.dark_layout .stat-badge {
    background: #1f2937;
    color: var(--text-edocman-color);
}

/* Responsive */
@media (max-width: 1024px) {
    .category-table-row {
        grid-template-columns: auto 1fr;
        gap: 1rem;
    }
    
    .category-stats-inline {
        grid-column: 1 / -1;
        justify-content: space-between;
        padding-top: 1rem;
        border-top: 1px solid #e9ecef;
    }
    
    .category-actions-inline {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .edocman-categories-table .table-header {
        padding: 1.25rem 1.5rem;
    }
    
    .category-table-row {
        padding: 1.25rem 1.5rem;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .category-icon-wrapper {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }
    
    .category-info-section {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .category-stats-inline {
        flex-wrap: wrap;
        gap: 0.75rem;
        padding-top: 0.75rem;
        border-top: 1px solid #e9ecef;
    }
    
    .stat-badge {
        padding: 0.375rem 0.75rem;
        font-size: 0.8125rem;
    }
    
    .category-actions-inline {
        padding-top: 0.75rem;
        border-top: 1px solid #e9ecef;
    }
}

@media (max-width: 480px) {
    .category-title-link {
        font-size: 1rem;
    }
    
    .category-description {
        font-size: 0.8125rem;
    }
    
    .stat-badge {
        flex: 1;
        justify-content: center;
        min-width: calc(50% - 0.375rem);
    }
}

/* Animation */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-table-row {
    animation: slideInUp 0.4s ease-out;
}

.category-table-row:nth-child(1) { animation-delay: 0.1s; }
.category-table-row:nth-child(2) { animation-delay: 0.2s; }
.category-table-row:nth-child(3) { animation-delay: 0.3s; }
.category-table-row:nth-child(4) { animation-delay: 0.4s; }
.category-table-row:nth-child(5) { animation-delay: 0.5s; }

/* Accessibility */
.category-table-row:focus-within {
    outline: 2px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .category-table-row,
    .action-btn-small {
        animation: none;
        transition: none;
    }
}
/* ==========================================
   ACTION BUTTONS STYLES
   ========================================== */

.action-btn-small.btn-rss {
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: white;
}

.action-btn-small.btn-rss:hover {
    background: linear-gradient(135deg, #e55a2b, #de8419);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.action-btn-small.btn-delete {
    background: var(--danger-edocman-color);
    color: white;
}

.action-btn-small.btn-delete:hover {
    background: #8b1a1a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(178, 34, 34, 0.3);
}

/* Tooltip for action buttons */
.action-btn-small {
    position: relative;
}

.action-btn-small::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}

.action-btn-small:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(-4px);
}

/* Icon colors for different categories */
.category-icon-wrapper .edicon-folder {
    color: white;
}

.category-icon-wrapper .edicon-folder-open {
    color: white;
}

.category-icon-wrapper .edicon-book {
    color: white;
}

.category-icon-wrapper .edicon-briefcase {
    color: white;
}

.category-icon-wrapper .edicon-archive {
    color: white;
}

/* Empty state improvements */
.categories-table-empty {
    text-align: center;
    padding: 4rem 2rem;
    color: #6c757d;
}

.categories-table-empty i {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.3;
    display: block;
}

.categories-table-empty h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--text-edocman-color);
    font-weight: 600;
}

.categories-table-empty p {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* Dark mode for action buttons */
.dark_layout .action-btn-small.btn-view {
    background: var(--info-edocman-color);
}

.dark_layout .action-btn-small.btn-edit {
    background: var(--warning-edocman-color);
}

.dark_layout .action-btn-small.btn-rss {
    background: linear-gradient(135deg, #ff8c5a, #ffad4d);
}

.dark_layout .action-btn-small.btn-delete {
    background: var(--danger-edocman-color);
}

.dark_layout .categories-table-empty {
    color: #9ca3af;
}

.dark_layout .categories-table-empty h3 {
    color: var(--text-edocman-color);
}

.dark_layout .categories-table-empty p {
    color: #9ca3af;
}

/* Responsive adjustments for action buttons */
@media (max-width: 768px) {
    .category-actions-inline {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .action-btn-small {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
    }
    
    .action-btn-small::after {
        display: none; /* Hide tooltips on mobile */
    }
}

@media (max-width: 480px) {
    .category-actions-inline {
        width: 100%;
        justify-content: center;
        padding-top: 0.75rem;
        border-top: 1px solid #e9ecef;
    }
    
    .dark_layout .category-actions-inline {
        border-top-color: #374151;
    }
}

/* Loading state */
.edocman-categories-table.loading {
    opacity: 0.6;
    pointer-events: none;
}

.edocman-categories-table.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f4f6;
    border-top-color: var(--primary-edocman-color);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Focus styles for accessibility */
.action-btn-small:focus {
    outline: 2px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

.category-title-link:focus {
    outline: 2px solid var(--primary-edocman-color);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Print styles */
@media print {
    .category-actions-inline,
    .action-btn-small {
        display: none !important;
    }
    
    .category-table-row {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* ==========================================
   MODERN DOCUMENTS TABLE LAYOUT
   ========================================== */

/* Table Container with Shadow */
.table-document {
    width: 100%;
    background: var(--light-edocman-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 
                0 1px 3px rgba(0, 0, 0, 0.05);
    margin: 2rem 0;
    border-collapse: separate;
    border-spacing: 0;
}

/* Table Header */
.table-document thead {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    position: relative;
}

.table-document thead th {
    background-color: transparent !important;
    color: white !important;
    border-bottom: none !important;
    font-weight: 600;
    padding: 1.25rem 1rem !important;
    text-align: left;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none !important;
}

.table-document thead th.alignright {
    text-align: right;
}

/* Table Body */
.table-document tbody {
    background: white;
}

.table-document tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border-bottom: 1px solid #e9ecef;
}

.table-document tbody tr:last-child {
    border-bottom: none;
}

/* Hover Effect - Modern & Smooth */
.table-document tbody tr:hover {
    background: linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%) !important;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08),
                0 2px 8px rgba(0, 0, 0, 0.04),
                -4px 0 0 0 var(--primary-edocman-color);
    z-index: 10;
}

.table-document tbody tr:hover td {
    background: transparent !important;
}

/* Table Cells */
.table-document td {
    padding: 1.25rem 1rem !important;
    vertical-align: middle !important;
    border: none !important;
    transition: all 0.3s ease;
}

/* Remove alternating row colors on hover */
.table-document tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.table-document tbody tr:nth-child(even) td {
    background-color: #f8f9fa;
}

/* Icon Column */
.table-document tbody tr td.edocman-document-icon-td,
.table-document tbody tr td.edocman-document-thumb-td {
    text-align: center;
    font-size: 2rem;
    padding: 1rem 0.75rem !important;
    width: 60px;
}

.table-document tbody tr:hover td.edocman-document-icon-td i,
.table-document tbody tr:hover td.edocman-document-thumb-td i {
    transform: scale(1.2) rotate(5deg);
    transition: transform 0.3s ease;
}

/* Title Column */
.edocman-document-title-td {
    width: 30%;
    vertical-align: middle !important;
}

.edocman-document-title-td a {
    color: var(--text-edocman-color);
    text-decoration: none !important;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    display: inline-block;
}

.table-document tbody tr:hover .edocman-document-title-td a {
    color: var(--primary-edocman-color);
    transform: translateX(4px);
}

/* Document Info */
.edocman-document-title-td .downloadinformation,
.edocman-document-title-td .sizeinformation,
.edocman-document-title-td .dateinformation {
    font-size: 0.8125rem;
    color: #6c757d;
    font-style: normal;
    display: inline-block;
    margin-right: 1rem;
}

.table-document tbody tr:hover .edocman-document-title-td .downloadinformation,
.table-document tbody tr:hover .edocman-document-title-td .sizeinformation,
.table-document tbody tr:hover .edocman-document-title-td .dateinformation {
    color: var(--primary-edocman-color);
}

/* Category Column */
.edocman-document-category-td {
    width: 15%;
    font-size: 0.875rem;
    color: #6c757d;
}

.table-document tbody tr:hover .edocman-document-category-td {
    color: var(--text-edocman-color);
    font-weight: 500;
}

/* Description Column */
.edocman-document-desc-col {
    width: 25%;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Download Column */
.edocman-table-download-col {
    width: 20%;
    text-align: right !important;
}

.edocman-download-link {
    background: linear-gradient(135deg, var(--primary-edocman-color), var(--secondary-edocman-color));
    color: white !important;
    border-radius: 8px;
    padding: 0.625rem 1.25rem;
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.table-document tbody tr:hover .edocman-download-link {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(32, 80, 129, 0.3);
}

.edocman-download-link:hover {
    background: linear-gradient(135deg, var(--secondary-edocman-color), var(--primary-edocman-color));
}

/* Status Badges */
.edocman_featured,
.edocman_hot,
.edocman_new,
.edocman_updated {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0.5rem;
    letter-spacing: 0.5px;
}

.table-document tbody tr:hover .edocman_featured,
.table-document tbody tr:hover .edocman_hot,
.table-document tbody tr:hover .edocman_new,
.table-document tbody tr:hover .edocman_updated {
    transform: scale(1.05);
}

/* Edit/Delete Actions */
.edocman-edit-delete {
    white-space: nowrap;
}

.documents_table_edit,
.documents_table_delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    margin: 0 0.25rem;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.documents_table_edit {
    background: var(--warning-edocman-color);
    color: white !important;
}

.documents_table_edit:hover {
    background: #8b5707;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(178, 106, 0, 0.3);
}

.documents_table_delete {
    background: var(--danger-edocman-color);
    color: white !important;
}

.documents_table_delete:hover {
    background: #8b1a1a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(178, 34, 34, 0.3);
}

/* Dark Mode */
.dark_layout .table-document {
    background: var(--light-edocman-color);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.dark_layout .table-document tbody {
    background: var(--light-edocman-color);
}

.dark_layout .table-document tbody tr {
    border-bottom-color: #374151;
}

.dark_layout .table-document tbody tr:hover {
    background: linear-gradient(90deg, #2c3440 0%, #23272b 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4),
                0 2px 8px rgba(0, 0, 0, 0.2),
                -4px 0 0 0 var(--primary-edocman-color);
}

.dark_layout .table-document tbody tr:nth-child(odd) td {
    background-color: var(--light-edocman-color);
}

.dark_layout .table-document tbody tr:nth-child(even) td {
    background-color: #1f2937;
}

.dark_layout .edocman-document-title-td a {
    color: var(--text-edocman-color);
}

.dark_layout .table-document tbody tr:hover .edocman-document-title-td a {
    color: var(--primary-edocman-color);
}

.dark_layout .edocman-document-title-td .downloadinformation,
.dark_layout .edocman-document-title-td .sizeinformation,
.dark_layout .edocman-document-title-td .dateinformation,
.dark_layout .edocman-document-category-td,
.dark_layout .edocman-document-desc-col {
    color: #9ca3af;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .table-document tbody tr:hover {
        transform: translateX(4px) scale(1.005);
    }
}

@media screen and (max-width: 768px) {
    .table-document {
        border-radius: 8px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }
    
    .table-document thead {
        display: none;
    }
    
    .table-document tbody tr {
        margin-bottom: 1rem;
        display: block;
        border-radius: 8px;
        border: 1px solid #e9ecef;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .table-document tbody tr:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }
    
    .table-document td {
        display: block;
        text-align: left !important;
        padding: 0.75rem 1rem !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    .table-document td:last-child {
        border-bottom: none !important;
    }
    
    .table-document td:before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        color: var(--primary-edocman-color);
        margin-bottom: 0.25rem;
    }
    
    .table-document td.edocman-document-icon-td {
        display: none;
    }
    
    .edocman-table-download-col {
        text-align: center !important;
    }
    
    .edocman-download-link {
        display: inline-flex;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .table-document {
        margin: 1rem 0;
    }
    
    .table-document tbody tr {
        margin-bottom: 0.75rem;
    }
    
    .edocman-download-link {
        width: 100%;
        justify-content: center;
        padding: 0.75rem 1rem;
    }
}

/* Animation on Load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table-document tbody tr {
    animation: fadeInUp 0.4s ease-out;
    animation-fill-mode: both;
}

.table-document tbody tr:nth-child(1) { animation-delay: 0.05s; }
.table-document tbody tr:nth-child(2) { animation-delay: 0.1s; }
.table-document tbody tr:nth-child(3) { animation-delay: 0.15s; }
.table-document tbody tr:nth-child(4) { animation-delay: 0.2s; }
.table-document tbody tr:nth-child(5) { animation-delay: 0.25s; }
.table-document tbody tr:nth-child(6) { animation-delay: 0.3s; }
.table-document tbody tr:nth-child(7) { animation-delay: 0.35s; }
.table-document tbody tr:nth-child(8) { animation-delay: 0.4s; }

/* Accessibility */
.table-document tbody tr:focus-within {
    outline: 2px solid var(--primary-edocman-color);
    outline-offset: 2px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .table-document tbody tr,
    .table-document tbody tr:hover,
    .edocman-download-link,
    .documents_table_edit,
    .documents_table_delete {
        animation: none;
        transition: none;
        transform: none;
    }
}

/* Print Styles */
@media print {
    .table-document {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .table-document tbody tr:hover {
        transform: none;
        box-shadow: none;
    }
    
    .documents_table_edit,
    .documents_table_delete,
    .edocman-download-link {
        display: none !important;
    }
}

/* Loading State */
.table-document.loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.table-document.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f4f6;
    border-top-color: var(--primary-edocman-color);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Empty State */
.table-document tbody tr.no-documents {
    text-align: center;
    padding: 3rem 2rem;
}

.table-document tbody tr.no-documents td {
    color: #6c757d;
    font-size: 1rem;
}

.table-document tbody tr.no-documents:hover {
    transform: none;
    box-shadow: none;
    background: transparent !important;
}