/* Category Container *************************************************************************************************************************************/
.category-container .accordion-button::after {
	content: none;
}
/* Custom icons for accordion */
.category-container .accordion-button:not(.collapsed) .accordion-icon::before {
	content: "\F14B"; /* Dash icon */
	transform: rotate(0deg);
}
.category-container .accordion-button.collapsed .accordion-icon::before {
	content: "\F14C"; /* Plus icon */
	transform: rotate(0deg);
}
.category-container .edit-category-gear {
	cursor: pointer;
	color: #6c757d;
}
.category-container .edit-category-gear:hover {
	color: #282a2b;
}
.category-container .accordion-header {
	background-color: #e7f1ff;
	border: 1px solid #a2c8ff;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.category-container .accordion-button {
	background: none;
	font-weight: 700;
	font-size: 1.5rem;
}
.category-container .accordion-button:focus {
	border: none;
	outline: 0;
	box-shadow: none;
}
.category-container .accordion-button:not(.collapsed) {
	color: #000;
	background: none;
	box-shadow: none;
}

.category-container .accordion-item {
	background: none;
	border: none;
	display: flex;
	flex-direction: column;
}

.category-container .accordion-item h4.accordion-header { order: 1; }
.category-container .accordion-item div.accordion-header { order: 2; }
.category-container .accordion-item div.accordion-collapse { order: 3; }
.category-container .accordion-item .collapse.show + .category-description {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.category-container .accordion-header.category-description {
	background-color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-top: 0;
	padding: 1rem 1.25rem;
}
.category-container .accordion-item:last-of-type .accordion-collapse {
	border: 1px solid #a2c8ff;
	border-top: 0;
	background-color: #ffffff;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.category-container .accordion-header.category-description.d-flex {
	display: flex;
	align-items: flex-start; /* Align items at the top */
}
.category-container .accordion-header.category-description.d-flex .category-visibility {
	display: inline-block;
	vertical-align: top; /* Align icon at the top */
	font-size: 1.5rem;
	opacity: 0.25;
}
.category-container .accordion-header.category-description.d-flex span {
	display: inline-block;
	vertical-align: middle; /* Align text at the top */
	/*white-space: nowrap; why is this here?? */
	margin-top: 0.33rem;
}

.category-container[data-category-visibility="public"] .category-visibility::before { content: "\f433"; } /* \f341 */
.category-container[data-category-visibility="private"] .category-visibility::before { content: "\f47a"; } /* \f340 */

.category-container[data-category-editable="false"] i.edit-category-gear { display: none; }


/* Disable No Permission :: Modal :: Create & Update Category + Create Document */
body[data-perm-cc]:not([data-perm-cc="1"]) [data-bs-target="#modalCreateCategory"],
body[data-perm-cc]:not([data-perm-cc="1"]) #modalCreateCategory_createButton,

body[data-perm-uc]:not([data-perm-uc="1"]):not([data-perm-dc="1"]) [data-bs-target="#modalUpdateCategory"],
body[data-perm-uc]:not([data-perm-uc="1"]) #modalUpdateCategory_updateButton,
body[data-perm-dc]:not([data-perm-dc="1"]) #modalUpdateCategory_deleteButton
{
	display: none!important;
}


/* Disable Forms */
body[data-perm-cc]:not([data-perm-cc="1"]) #modalCreateCategory_name,
body[data-perm-cc]:not([data-perm-cc="1"]) #modalCreateCategory_description,
body[data-perm-cc]:not([data-perm-cc="1"]) #modalCreateCategory_visibility,

body[data-perm-uc]:not([data-perm-uc="1"]) #modalUpdateCategory_name,
body[data-perm-uc]:not([data-perm-uc="1"]) #modalUpdateCategory_description,
body[data-perm-uc]:not([data-perm-uc="1"]) #modalUpdateCategory_visibility
{
	pointer-events: none!important;
	background-color: #e9ecef!important;
	opacity: 1!important;
}






/* Document Container *************************************************************************************************************************************/
.document-container .card-header {
	padding: 1rem 1.5rem;
}
.document-container .card-header h4 {
	margin-bottom: 0;
}
.document-container .card-body {
	background-color: #fdfdfd;
}

@media (min-width: 992px) {
	.document-container .list-group-horizontal-lg>.list-group-item {
		border-radius: 0;
		border: 0;
	}
}

.document-container ul li span {
	display: inline-block;
	width: 5rem;
	color: #b1b1b1;
}
.document-container ul li span.file-name,
.document-container ul li span.file-version
{
	width: unset;
	color: #858585; /*#212529;*/
}
.document-container ul li {
	background-color: #fdfdfd;
}
.document-container ul li.list-group-item {
	color: #858585;
}

.document-container .favorite-star {
	float: right;
	cursor: pointer;
}
.document-container .favorite-star:hover::before {
	content: "\f586";
	color: #f69002!important;
	opacity: 1;
}
.document-container .favorite-star::before {
	content: "\f588";
	opacity: 0.3;
}
.document-container[data-document-favorite="yes"] .favorite-star::before {
	content: "\f586";
	color: #ffbf00;
	opacity: 1;
}

/* Document :: Status Colors */
.document-container[data-document-status="active"] .card-header { background-color: #d1e6dd; }
.document-container[data-document-status="active"] .file-icon { color: #1b8652; }
.document-container[data-document-status="active"] .file-status::after { content: 'Active'; }

.document-container[data-document-status="pending"] .card-header { background-color: #e2e3e5; }
.document-container[data-document-status="pending"] .file-icon { color: #6c747e; }
.document-container[data-document-status="pending"] .file-status::after { content: 'Pending'; }

.document-container[data-document-status="deleted"] .card-header { background-color: #f7d7da; }
.document-container[data-document-status="deleted"] .file-icon { color: #dc3546; }
.document-container[data-document-status="deleted"] .file-status::after { content: 'Deleted'; }

.document-container[data-document-status="deprecated"] .card-header { background-color: #fff3cd; }
.document-container[data-document-status="deprecated"] .file-icon { color: #ffc008; }
.document-container[data-document-status="deprecated"] .file-status::after { content: 'Deprecated'; }


/* Document :: Visibility */
.document-container[data-document-visibility="public"] .file-visibility::after { content: 'Public'; }
.document-container[data-document-visibility="private"] .file-visibility::after { content: 'Private'; }



/* Document :: File Types (This will need to be generated via php based on the database...) */
/*
.document-container[data-document-type="file"] .file-icon::before { content: "\f38a"; }
.document-container[data-document-type="file"] .file-type::after { content: 'File'; }

.document-container[data-document-type="form"] .file-icon::before { content: "\f71d"; }
.document-container[data-document-type="form"] .file-type::after { content: 'Form'; }

.document-container[data-document-type="spreadsheet"] .file-icon::before { content: "\f388"; }
.document-container[data-document-type="spreadsheet"] .file-type::after { content: 'Spreadsheet'; }

.document-container[data-document-type="zip"] .file-icon::before { content: "\f390"; }
.document-container[data-document-type="zip"] .file-type::after { content: 'Zip Archive'; }

.document-container[data-document-type="contract"] .file-icon::before { content: "\f35f"; }
.document-container[data-document-type="contract"] .file-type::after { content: 'Contract'; }
*/

.document-container .card-footer { padding: 1rem; }
.document-container .card-footer a {
	border-style: dashed;
	border-color: #aaaaaa;
	width: 100%;
}
.document-container .card-body img {
	max-width: 50%;
	border:     1px #d9d9d9 solid;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 0, rgba(0, 0, 0, 0.1) 0 0 1px 0;
	margin-top: 1rem;
}
@media (min-width: 576px) { /* col-sm */
	.document-container span.btn-info-text::after { content: "Information"; }
	.document-container span.btn-download-text::after { content: "Download"; }
	.document-container span.btn-version-text::after { content: "Versions"; }
}
@media (min-width: 768px) { /* col-md */
	.document-container span.btn-info-text::after { content: "View Information"; }
	.document-container span.btn-download-text::after { content: "Download File"; }
	.document-container span.btn-version-text::after { content: "See Versions"; }
	.document-container .card-body img {
		max-width: 100%;
		margin-top: 0;
	}
}






/* Permission Disable Modals */
body[data-perm-cd]:not([data-perm-cd="1"]) [data-bs-target="#modalCreateDocument"],
body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_createButton,

body[data-perm-ud]:not([data-perm-ud="1"]):not([data-perm-dd="1"]) [data-bs-target="#modalUpdateDocument"],
body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_updateButton,
body[data-perm-dd]:not([data-perm-dd="1"]) #modalUpdateDocument_deleteButton
{
	display: none!important;
}

body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_name,
body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_category,
body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_doctype,
body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_description,
body[data-perm-cd]:not([data-perm-cd="1"]) #modalCreateDocument_visibility,

body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_name,
body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_category,
body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_doctype,
body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_description,
body[data-perm-ud]:not([data-perm-ud="1"]) #modalUpdateDocument_visibility
{
	pointer-events: none!important;
	background-color: #e9ecef!important;
	opacity: 1!important;
}