/
home
/
assocoweys
/
backup-assocoweys
/
leucate
/
components
/
com_edocman
/
assets
/
css
/
Upload File
HOME
: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 #e2e8f0;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 #e2e8f0;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_documents{border:1px solid #DDD;width:100%} .edit_documents tr th{background-color:#999!important;text-transform:uppercase;text-align:center;color:#fff!important} .edit_documents tr td{padding:5px;border-bottom:1px solid #DDD;text-align:center;border-right:1px solid #DDD} .edit_documents tr td:last-child{border-right:0} .edit_documents tr:nth-child(odd) td{background-color:#efefef} .toolbarbuttons{text-align:right;padding-bottom:10px} .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} .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} .player-modal-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:1030px;height:90%;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-modal-content-heading{display:flex;align-items:center;justify-content:flex-end;width:100%} .close-btn-download,.close-btn-login{color:red;font-size:20px;cursor:pointer} .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} .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} @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; }