:root {
	/* Light Mode Colors */
	--primary-color: #6a3093;
	--secondary-color: #a044ff;
	--background-light: #f4f6f7;
	--text-light: #2c3e50;
	--card-bg-light: #ffffff;
	--shadow-light: rgba(0,0,0,0.1);

	/* Dark Mode Colors */
	--background-dark: #121212;
	--text-dark: #e0e0e0;
	--card-bg-dark: #1e1e1e;
	--shadow-dark: rgba(255,255,255,0.1);

	/* Common Colors */
	--hover-color: #8e44ad;
	--transition: all 0.3s ease;
}

.header{background-color:#82267C!important;color:#FFF!important}
.header h1,.header p,.header .fa{color:#FFF!important}
table.admintable td label,table.adminform td label{clear:none;min-width:40px;margin:0;display:inline-block}
table.adminlist td.text_center,table.adminlist th.text_center{text-align:center}
table.adminlist td.text_left,table.adminlist th.text_left{text-align:left}
table.adminlist td.text_right,table.adminlist th.text_right{text-align:right}
table.adminform td label{clear:none;min-width:40px;margin:3px 2px}
fieldset#filter-bar label{clear:none;display:inline}
label.filter-search-lbl{margin-left:5px}
.pane-sliders{margin:18px 0 0;position:relative}
.pane-sliders .title{margin:0;padding:2px 2px 2px 5px;color:#666;cursor:pointer}
#content-pane{margin:8px 10px 15px 15px}
.pane-sliders .panel{margin-bottom:3px;border:solid 1px #983A92;background-color:#983A92}
.pane-sliders .panel h3{background:#983A92;color:#666;font-size:13px;color:#F46F20!important}
.pane-sliders .panel h3 a:link{color:#FFF!important;font-size:13px}
.pane-sliders .panel h3 a:visited,.pane-sliders .panel h3 a:hover{color:#FFF!important;font-size:13px;text-decoration:none}
.pane-sliders .adminlist{border:0 none;font-size:1em}
.pane-sliders .adminlist td{border:0 none}
.pane-toggler span{background:transparent url(../icons/j_arrow.png) 5px 50% no-repeat;padding-left:5px}
.pane-toggler-down span{background:transparent url(../icons/j_arrow_down.png) 5px 50% no-repeat;padding-left:5px}
.pane-toggler-down{border-bottom:1px solid #ccc}
h3.pane-toggler-down a:hover,h3.pane-toggler a:hover{text-decoration:none;font-size:1.182em}
.pane-slider.pane-hide{display:none}
.pane-slider ol li{list-style:none;margin-left:-25px;margin-top:10px}
.cpanel div.icon,#cpanel div.icon{text-align:center;margin-right:15px;float:left;margin-bottom:15px}
.cpanel div.icon a,#cpanel div.icon a{background-color:#fff;background-position:-30px;display:block;float:left;height:105px;width:118px!important;color:#565656;vertical-align:middle;text-decoration:none;border:1px solid #C888C4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition-property:background-position,-webkit-border-bottom-left-radius,-webkit-box-shadow;-moz-transition-property:background-position,-moz-border-radius-bottomleft,-moz-box-shadow;-webkit-transition-duration:.8s;-moz-transition-duration:.8s}
#cpanel div.icon a:hover,#cpanel div.icon a:focus,#cpanel div.icon a:active,.cpanel div.icon a:hover,.cpanel div.icon a:focus,.cpanel div.icon a:active{background-position:0;-webkit-border-bottom-left-radius:50% 20px;-moz-border-radius-bottomleft:50% 20px;border-bottom-left-radius:50% 20px;-webkit-box-shadow:-5px 10px 15px #00000040;-moz-box-shadow:-5px 10px 15px #00000040;box-shadow:-5px 10px 15px #00000040;position:relative;z-index:10}
#cpanel img,.cpanel img{padding:10px 0;margin:0 auto}
#cpanel span,.cpanel span{display:block;text-align:center}
div.cpanel-left{width:54%;float:left}
div.cpanel-right{width:45%;float:right}
.icon-48-dashboard{background-image:url(../images/icon-48-dashboard.png)!important}
.icon-48-categories{background-image:url(../images/icon-48-categories.png)!important}
.icon-48-category{background-image:url(../images/icon-48-category-add.png)!important}
.icon-48-documents{background-image:url(../images/icon-48-documents.png)!important}
.icon-48-document{background-image:url(../images/icon-48-document-add.png)!important}
.icon-48-frontpage{background-image:url(../images/icon-48-frontpage.png)!important}
.icon-48-downloadlogs{background-image:url(../images/icon-48-download_logs.png)!important}
.icon-48-config{background-image:url(../images/icon-48-config.png)!important}
.icon-48-licenses{background-image:url(../images/icon-48-licenses.png)!important}
.icon-48-license{background-image:url(../images/icon-48-license-add.png)!important}
.icon-48-groups{background-image:url(../images/icon-48-groups.png)!important}
.icon-48-group{background-image:url(../images/icon-48-group-add.png)!important}
.icon-48-statistics{background-image:url(../images/icon-48-statistics.png)!important}
.icon-48-downloadlogs{background-image:url(../images/icon-48-downloadlogs.png)!important}
.icon-48-languages{background-image:url(../images/icon-48-languages.png)!important}
.icon-32-downloadlogs_empty{background-image:url(../images/icon-32-empty.png)!important}
.copyright{text-align:center}
.icon-32-csv_export{background-image:url(../images/csv_export.gif)!important}
#toolbar #toolbar-options .icon-options{color:#82267C}
.rightsidetable{border:1px solid #DDD}
.rightsidetable th{background-color:#f3f3f3;padding:5px;border-bottom:1px solid #DDD;text-align:left}
.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}
.nav-tabs,.nav-pills{*zoom:1}
.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0}
.nav-tabs:after,.nav-pills:after{clear:both}
.nav-tabs > li,.nav-pills > li{float:left}
.nav-tabs > li > a,.nav-pills > li > a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
.nav-tabs{border-bottom:1px solid #ddd;margin:0 0 10px;padding:0;list-style:none}
.nav-tabs > li{margin-bottom:-1px}
.nav-tabs > li > a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:block}
.nav-tabs > li > a:hover{border-color:#eee #eee #ddd}
.nav-tabs > .active > a,.nav-tabs > .active > a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.nav-pills > li > a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.nav-pills > .active > a,.nav-pills > .active > a:hover{color:#fff;background-color:#08c}
.nav-stacked > li{float:none}
.nav-stacked > li > a{margin-right:0}
.nav-tabs.nav-stacked{border-bottom:0}
.nav-tabs.nav-stacked > li > a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.nav-tabs.nav-stacked > li:first-child > a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}
.nav-tabs.nav-stacked > li:last-child > a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}
.nav-tabs.nav-stacked > li > a:hover{border-color:#ddd;z-index:2}
.nav-pills.nav-stacked > li > a{margin-bottom:3px}
.nav-pills.nav-stacked > li:last-child > a{margin-bottom:1px}
.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.nav .dropdown-toggle .caret{border-top-color:#08c;border-bottom-color:#08c;margin-top:6px}
.nav .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580}
.nav-tabs .dropdown-toggle .caret{margin-top:8px}
.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}
.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}
.nav > .dropdown.active > a:hover{cursor:pointer}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > li.dropdown.open.active > a:hover{color:#fff;background-color:#999;border-color:#999}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}
.tabs-stacked .open > a:hover{border-color:#999}
.tdexplanation{color:gray;font-size:11px;border-bottom:1px solid #efefef}
.edocmancontent{border:1px solid gray;background-color:#fff;padding:10px}
#mp-dropdown-menu a{color:#983a92}
#mp-dropdown-menu .dropdown-menu a.active,#mp-dropdown-menu .dropdown-menu a:hover{color:#fff}
#mp-dropdown-menu{width:100%}
.caret{color:#983a92}
.center{text-align:center}
.accessdiv{padding-top:10px}
#presetsdiv,#groupsdiv{margin-top:10px}
.config_heading{margin-bottom:10px;background-color:#eee;text-align:center}
.config_heading h3{margin:5px 0}
.smallsub{font-size:11px}
.extra_information{font-style:italic;color:gray}
.edocman-joomla4{justify-content:left!important}
.edocman-joomla4 ul.dropdown-menu li a:hover,.edocman-joomla4 ul.dropdown-menu li a:visited,.edocman-joomla4 ul.dropdown-menu li a:active,.edocman-joomla4 ul.dropdown-menu li a.active{background-color:#983a92!important}
.edocman-joomla4 li a.active,.edocman-joomla4 li a:hover{color:#983a92}
#adminForm #filter-bar .btn-group .field-calendar{display:inline}
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{border:0!important}
#documentList .avg-rating,#table-document .avg-rating{display:inline}
#documentList .avg-rating strong,#table-document .avg-rating strong{display:inline-block;vertical-align:top;font-weight:400;margin-top:4px}
#documentList span.avg-stars,#documentList span.avg-stars span,#table-document span.avg-stars,#table-document span.avg-stars span{display:inline-block;width:90px;height:18px}
#documentList span.avg-stars,#table-document span.avg-stars{background:url(../images/avg-rate-normal.png) repeat-x}
#documentList span.avg-stars span,#table-document span.avg-stars span{background:url(../images/avg-rate-value.png) repeat-x;max-width:90px}
#documentList .documentTitle{font-weight:700;font-size:15px}
#edocmanConfiguration table tr td.key{text-align:left;width:25%}
#edocmanConfiguration .span6 table tr td.key,#edocmanConfiguration .col-lg-6 table tr td.key{text-align:left;width:30%}
#edocmanConfiguration table.adminform td label{margin-left:0}
.center100width{width:100%;text-align:center;border:1px solid #CCC;padding:20px;border-radius:5px}
#filter_category_id_id{width:240px}
#languagesTable thead tr th{text-align:center;background-color:#671E62;color:#fff}
td.icontd{width:5px;padding-left:0;padding-right:0;padding-top:12px;color:#5871a9}


/* Dashboard Styles */
.dashboard {
	margin: 0 auto;
	padding: 10px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.dashboard-title {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--primary-color);
	margin-bottom: 20px;
	font-weight: bold;
}

.dashboard-item {
	background-color: var(--card-bg-light);
	border-radius: 15px;
	box-shadow: 0 4px 6px var(--shadow-light);
	text-align: center;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
	color: var(--text-light);
	position: relative;
	overflow: hidden;
	border: 2px solid transparent;
	transition: var(--transition);
}

/* Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
	.dashboard-item {
		background-color: var(--card-bg-dark);
		color: var(--text-dark);
		border-color: var(--primary-color);
	}
}

.dashboard-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 20px rgba(106,48,147,0.2);
	border-color: var(--primary-color);
}

.dashboard-item .icon {
	font-size: 3rem;
	color: var(--primary-color);
	margin-bottom: 10px;
	transition: var(--transition);
}

.dashboard-item:hover .icon {
	color: var(--secondary-color);
	transform: scale(1.1);
}

.dashboard-item .title {
	font-weight: bold;
	margin-top: 10px;
	color: var(--primary-color);
}

.update-notification {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--secondary-color);
	color: white;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 0.8rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.dashboard {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

.version-status {
    position: relative;
}

.version-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: bold;
}

.version-badge.up-to-date {
    background-color: #2ecc71;
    color: white;
}

.version-badge.needs-update {
    background-color: #e74c3c;
    color: white;
}

.version-badge.checking {
    background-color: #3498db;
    color: white;
}

.fa-sync.fa-spin {
    animation: fa-spin 1s infinite linear;
}


/* Đảm bảo a là inline-block để dễ căn chỉnh */
a.icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;         /* hoặc 24px, tùy kích thước mong muốn */
    height: 32px;
    margin: 0 4px;       /* Khoảng cách giữa các icon nếu cùng hàng */
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
    color: #3578e5;      /* Màu xanh icon */
    transition: background 0.2s, color 0.2s;
    border-radius: 4px;
    font-size: 20px;     /* Đảm bảo icon đều nhau */
}

a.icon-action:hover {
    background: #f0f4fa;
    color: #2056b3;      /* Màu xanh đậm hơn khi hover */
    cursor: pointer;
}

/* Nếu icon là svg hoặc i */
a.icon-action > svg,
a.icon-action > i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    display: block;
}


.edocman-upload-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.edocman-upload-container .upload-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 12px 12px 0 0;
    text-align: center;
    margin-bottom: 0;
}

.upload-header h1 {
    margin: 0 0 10px 0;
    font-size: 28px;
    font-weight: 300;
}

.upload-header p {
    margin: 0;
    opacity: 0.9;
    font-size: 16px;
}

.edocman-upload-container .upload-settings {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-top: none;
    padding: 30px;
    border-radius: 0 0 12px 12px;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.edocman-upload-container .setting-group {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-left: 4px solid #667eea;
}

.edocman-upload-container .setting-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.setting-control select,
.setting-control input {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

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

.edocman-upload-container .upload-zone {
    background: white;
    border: 3px dashed #cbd5e0;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upload-zone:hover {
    border-color: #667eea;
    background: #f7fafc;
}

.upload-zone.dragover {
    border-color: #667eea;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    transform: scale(1.02);
}

.edocman-upload-container .upload-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    opacity: 0.6;
}

.edocman-upload-container .upload-text {
    color: #718096;
    font-size: 18px;
    margin-bottom: 15px;
}

.edocman-upload-container .upload-subtext {
    color: #a0aec0;
    font-size: 14px;
    margin-bottom: 25px;
}

.edocman-upload-container .upload-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.edocman-upload-container .btn-upload {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.edocman-upload-container .btn-upload:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    color: white;
    text-decoration: none;
}

.edocman-upload-container .btn-start {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}

.edocman-upload-container .btn-start:hover {
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.4);
}

.edocman-upload-container .file-list {
    margin-top: 20px;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.edocman-upload-container .file-header {
    background: #f8f9fa;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    color: #495057;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 20px;
}

.edocman-upload-container .file-item {
    padding: 15px 20px;
    border-bottom: 1px solid #f1f3f4;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 20px;
    align-items: center;
    transition: background-color 0.2s ease;
}

.edocman-upload-container .file-item:hover {
    background: #f8f9fa;
}

.edocman-upload-container .file-name {
    font-weight: 500;
    color: #2d3748;
}

.edocman-upload-container .file-size {
    color: #718096;
    font-size: 14px;
}

.edocman-upload-container .file-status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.edocman-upload-container .status-pending {
    background: #fed7d7;
    color: #c53030;
}

.edocman-upload-container .status-uploading {
    background: #bee3f8;
    color: #2b6cb0;
}

.edocman-upload-container .status-complete {
    background: #c6f6d5;
    color: #276749;
}

.edocman-upload-container .progress-bar {
    width: 100%;
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 10px;
}

.edocman-upload-container .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    width: 0%;
    transition: width 0.3s ease;
}

.edocman-upload-container .access-toggle {
    display: flex;
    background: #f1f3f4;
    border-radius: 25px;
    padding: 4px;
    margin-bottom: 15px;
}

.edocman-upload-container .access-option {
    flex: 1;
    padding: 8px 16px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.edocman-upload-container .access-option.active {
    background: white;
    color: #667eea;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.edocman-upload-container .access-content {
    padding: 15px;
    background: white;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

@media (max-width: 768px) {
    .edocman-upload-container .settings-grid {
        grid-template-columns: 1fr;
    }
    
    .edocman-upload-container .upload-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .file-header,
    .file-item {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
    }
}

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

.btn-group
{
    gap:10px;
}