/* Minimal Plancenter light/dark theme support.
   Enabled by adding the `pc-theme-dark` class to the <html> element. */

#toolbar.well,
#folderUploadPanel.well {
	background-color: #ffffff;
}

/* Footer navigation: improve touch target size. */
.pc-footer-links a {
	display: inline-block;
	padding: 10px 12px;
	line-height: 24px;
}

/* Sidebar dim buttons: use dark text to meet contrast requirements. */
.btn.dim.btn-success,
.btn.dim.btn-info {
	color: #000 !important;
}

.btn.dim.btn-success:hover,
.btn.dim.btn-success:focus,
.btn.dim.btn-info:hover,
.btn.dim.btn-info:focus {
	color: #000 !important;
}

/* Folder/file selection checkboxes: larger tap targets on mobile. */
#sortable input.fileList[kind="folder"],
#sortable input.fileList[kind="file"] {
	width: 20px;
	height: 20px;
	margin: 6px 8px 0 4px;
}

@media (max-width: 768px) {
	#sortable input.fileList[kind="folder"],
	#sortable input.fileList[kind="file"] {
		width: 44px;
		height: 44px;
		margin: 10px 12px 0 6px;
	}
}

/* Project map: placeholder shown until user loads the map (improves LCP). */
.pc-map-placeholder {
	background: #f7f7f7;
	border: 1px solid #dddddd;
	border-radius: 4px;
	text-align: center;
	padding-top: 78px;
}

html.pc-theme-dark .pc-map-placeholder {
	background: #232733;
	border-color: #343a46;
}

/* Project links in tables: match surrounding text color unless status overrides. */
a.pc-project-link {
	color: inherit;
}

/* Status colors (contrast-safe). */
.pc-status-new {
	color: #0b5d0b;
}

.pc-status-private {
	color: #b00000;
}

.pc-status-soon {
	color: #8a4b00;
}

.pc-status-construction {
	color: #4d4d4d;
}

.pc-status-muted {
	color: #4d4d4d;
}

html.pc-theme-dark body,
html.pc-theme-dark .wrapper-content,
html.pc-theme-dark .gray-bg,
html.pc-theme-dark #wrapper {
	background-color: #1b1d21 !important;
	color: #e8e8e8;
}

html.pc-theme-dark #toolbar.well,
html.pc-theme-dark #folderUploadPanel.well {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark a {
	color: #8ab4f8;
}

html.pc-theme-dark a.pc-project-link {
	color: inherit;
}

html.pc-theme-dark .pc-status-new {
	color: #3ddc84;
}

html.pc-theme-dark .pc-status-private {
	color: #ff7b7b;
}

html.pc-theme-dark .pc-status-soon {
	color: #ffb86b;
}

html.pc-theme-dark .pc-status-construction {
	color: #c9ced6;
}

html.pc-theme-dark .pc-status-muted {
	color: #b8bcc6;
}

html.pc-theme-dark .navbar,
html.pc-theme-dark .navbar-default,
html.pc-theme-dark .navbar-static-top {
	background-color: #20242a !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark .nav > li > a,
html.pc-theme-dark .navbar-top-links > li > a {
	color: #e8e8e8 !important;
}

html.pc-theme-dark .dropdown-menu {
	background-color: #232733;
	border-color: #343a46;
}

html.pc-theme-dark .dropdown-menu > li > a {
	color: #e8e8e8;
}

html.pc-theme-dark .dropdown-menu > li > a:hover,
html.pc-theme-dark .dropdown-menu > li > a:focus {
	background-color: #2b303a;
	color: #ffffff;
}

/* Navbar focus/hover states */
html.pc-theme-dark .navbar-default .nav > li > a:hover,
html.pc-theme-dark .navbar-default .nav > li > a:focus,
html.pc-theme-dark .top-navigation .nav > li > a:hover,
html.pc-theme-dark .top-navigation .nav > li > a:focus {
	background-color: #2b303a !important;
	color: #e8e8e8 !important;
}

/* Fix for top-level dropdown "title" (e.g. Administration, Project Admin) turning pure white bg + invisible/white text in dark mode when opened (the .open state from Bootstrap/Inspinia base styles sets bg:#fff which conflicts with light text colors). */
html.pc-theme-dark .nav .open > a,
html.pc-theme-dark .nav .open > a:hover,
html.pc-theme-dark .nav .open > a:focus,
html.pc-theme-dark .navbar-default .nav .open > a,
html.pc-theme-dark .navbar-default .nav .open > a:hover,
html.pc-theme-dark .navbar-default .nav .open > a:focus,
html.pc-theme-dark .top-navigation .nav .open > a,
html.pc-theme-dark .top-navigation .nav .open > a:hover,
html.pc-theme-dark .top-navigation .nav .open > a:focus {
	background-color: #2b303a !important;
	color: #e8e8e8 !important;
}

/* Additional dark mode for non-nav dropdown toggles (e.g. legacy .btn-group Project Settings pull-down, other .dropdown-toggle when open) */
html.pc-theme-dark .open > .dropdown-toggle,
html.pc-theme-dark .dropdown.open .dropdown-toggle,
html.pc-theme-dark .btn-group.open .dropdown-toggle {
	background-color: #2b303a !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .panel,
html.pc-theme-dark .well,
html.pc-theme-dark .ibox-content,
html.pc-theme-dark .modal-content {
	background-color: #232733;
	border-color: #343a46;
	color: #e8e8e8;
}

html.pc-theme-dark .panel-heading,
html.pc-theme-dark .ibox-title,
html.pc-theme-dark .modal-header {
	background-color: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8;
}

/* Global "processing" overlay: keep spinner visible in dark mode. */
html.pc-theme-dark #processing {
	opacity: 1 !important;
	background: rgba(0, 0, 0, 0.75) url(/images/ajax-loader-bar-white.gif) no-repeat center !important;
	filter: none !important;
}

/* Inspinia "inmodal" sets a light modal-body background; override in dark mode. */
html.pc-theme-dark .inmodal .modal-body {
	background: #232733 !important;
}

html.pc-theme-dark .form-control,
html.pc-theme-dark input,
html.pc-theme-dark textarea,
html.pc-theme-dark select {
	background-color: #1f2430 !important;
	border-color: #3a414d !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .input-group-addon {
	background-color: #20242a !important;
	border-color: #3a414d !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .table {
	color: #e8e8e8;
}

/* Table headers/footers: keep readable in dark mode (some templates use <td> in <thead>). */
html.pc-theme-dark .table > thead > tr > th,
html.pc-theme-dark .table > thead > tr > td,
html.pc-theme-dark .table > tfoot > tr > th,
html.pc-theme-dark .table > tfoot > tr > td {
	background-color: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #1f2430;
}

html.pc-theme-dark .table-bordered,
html.pc-theme-dark .table-bordered > thead > tr > th,
html.pc-theme-dark .table-bordered > tbody > tr > th,
html.pc-theme-dark .table-bordered > tfoot > tr > th,
html.pc-theme-dark .table-bordered > thead > tr > td,
html.pc-theme-dark .table-bordered > tbody > tr > td,
html.pc-theme-dark .table-bordered > tfoot > tr > td {
	border-color: #343a46;
}

/* Users Online panel: keep the action buttons using black text (don’t alter button backgrounds). */
html.pc-theme-dark #onlineUsersTable button[style*="color:#000"],
html.pc-theme-dark #onlineUsersTable button[style*="color:#000"]:hover,
html.pc-theme-dark #onlineUsersTable button[style*="color:#000"]:focus {
	color: #000 !important;
}

/* Project list home tabs (templates/userProjectList.tpl). */
html.pc-theme-dark #tabs2 .nav-tabs {
	border-bottom-color: #343a46;
}

html.pc-theme-dark #tabs2 .nav-tabs > li > a {
	background-color: #20242a;
	border-color: #343a46 #343a46 transparent;
	color: #e8e8e8;
}

html.pc-theme-dark #tabs2 .nav-tabs > li > a:hover,
html.pc-theme-dark #tabs2 .nav-tabs > li > a:focus {
	background-color: #2b303a;
	border-color: #343a46 #343a46 transparent;
	color: #ffffff;
}

html.pc-theme-dark #tabs2 .nav-tabs > li.active > a,
html.pc-theme-dark #tabs2 .nav-tabs > li.active > a:hover,
html.pc-theme-dark #tabs2 .nav-tabs > li.active > a:focus {
	background-color: #232733;
	border-color: #343a46 #343a46 transparent;
	color: #ffffff;
}

html.pc-theme-dark #tabs2 .tab-content {
	background-color: #1b1d21 !important; /* overrides inline white background */
	border: 1px solid #343a46;
	border-top: none;
}

/* Inspinia tabs-container (admin panels + wizards) */
html.pc-theme-dark .tabs-container .panel-body {
	background: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8;
}

html.pc-theme-dark .tabs-container .nav-tabs {
	border-bottom-color: #343a46 !important;
}

html.pc-theme-dark .tabs-container .nav-tabs > li > a {
	background-color: #20242a;
	border-color: #343a46 #343a46 transparent;
	color: #e8e8e8;
}

html.pc-theme-dark .tabs-container .nav-tabs > li > a:hover,
html.pc-theme-dark .tabs-container .nav-tabs > li > a:focus {
	background-color: #2b303a;
	border-color: #343a46 #343a46 transparent;
	color: #ffffff;
}

html.pc-theme-dark .tabs-container .nav-tabs > li.active > a,
html.pc-theme-dark .tabs-container .nav-tabs > li.active > a:hover,
html.pc-theme-dark .tabs-container .nav-tabs > li.active > a:focus {
	background-color: #232733;
	border-color: #343a46 #343a46 transparent;
	color: #ffffff;
}

/* Notification wizard user list: backend outputs inline black link color. */
html.pc-theme-dark #plancenterAdminUserTableNotificationWiz a.editUserLink[style*="color:#000"] {
	color: #8ab4f8 !important;
}

html.pc-theme-dark #plancenterAdminUserTableNotificationWiz a.editUserLink[style*="color:#000"]:hover,
html.pc-theme-dark #plancenterAdminUserTableNotificationWiz a.editUserLink[style*="color:#000"]:focus {
	color: #a9c7ff !important;
}

/* DataTables pagination (bootstrap) */
html.pc-theme-dark #tabs2 .pagination > li > a,
html.pc-theme-dark #tabs2 .pagination > li > span {
	background-color: #20242a;
	border-color: #343a46;
	color: #e8e8e8;
}

html.pc-theme-dark #tabs2 .pagination > li > a:hover,
html.pc-theme-dark #tabs2 .pagination > li > a:focus,
html.pc-theme-dark #tabs2 .pagination > li > span:hover,
html.pc-theme-dark #tabs2 .pagination > li > span:focus {
	background-color: #2b303a;
	border-color: #343a46;
	color: #ffffff;
}

html.pc-theme-dark #tabs2 .pagination > .active > a,
html.pc-theme-dark #tabs2 .pagination > .active > span,
html.pc-theme-dark #tabs2 .pagination > .active > a:hover,
html.pc-theme-dark #tabs2 .pagination > .active > span:hover,
html.pc-theme-dark #tabs2 .pagination > .active > a:focus,
html.pc-theme-dark #tabs2 .pagination > .active > span:focus {
	background-color: #333a46;
	border-color: #343a46;
	color: #ffffff;
}

html.pc-theme-dark #tabs2 .pagination > .disabled > a,
html.pc-theme-dark #tabs2 .pagination > .disabled > a:hover,
html.pc-theme-dark #tabs2 .pagination > .disabled > a:focus,
html.pc-theme-dark #tabs2 .pagination > .disabled > span,
html.pc-theme-dark #tabs2 .pagination > .disabled > span:hover,
html.pc-theme-dark #tabs2 .pagination > .disabled > span:focus {
	background-color: #20242a;
	border-color: #343a46;
	color: #8a8f99;
}

/* FullCalendar (calendar tab) */
html.pc-theme-dark #calendar {
	color: #e8e8e8;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-divider,
html.pc-theme-dark #calendar .fc-unthemed .fc-popover,
html.pc-theme-dark #calendar .fc-unthemed .fc-row,
html.pc-theme-dark #calendar .fc-unthemed tbody,
html.pc-theme-dark #calendar .fc-unthemed td,
html.pc-theme-dark #calendar .fc-unthemed th,
html.pc-theme-dark #calendar .fc-unthemed thead {
	border-color: #343a46;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-widget-header {
	background: #20242a;
	color: #e8e8e8;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-widget-content {
	background: #232733;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-popover {
	background-color: #232733;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-divider,
html.pc-theme-dark #calendar .fc-unthemed .fc-popover .fc-header {
	background: #20242a;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-popover .fc-header .fc-close {
	color: #e8e8e8;
}

html.pc-theme-dark #calendar .fc-unthemed .fc-today {
	background: #2b303a;
}

html.pc-theme-dark #calendar .fc-state-default {
	background: #2b303a;
	border-color: #3a414d;
	color: #e8e8e8;
	text-shadow: none;
	box-shadow: none;
}

html.pc-theme-dark #calendar .fc-state-hover,
html.pc-theme-dark #calendar .fc-state-down,
html.pc-theme-dark #calendar .fc-state-active {
	background: #333a46;
	color: #ffffff;
}

/* Weekly updates: override hard-coded black links/borders */
html.pc-theme-dark #WeeklyUpdates a[style*="color:#000"] {
	color: #8ab4f8 !important;
}

html.pc-theme-dark #WeeklyUpdates div[style*="border: 1px solid black"] {
	border-color: #343a46 !important;
}

/* File search panel: override hard-coded light background */
html.pc-theme-dark #searchPlancenterFiles #plancenterSearch {
	background-color: #20242a !important;
	border: 1px solid #343a46;
	color: #e8e8e8;
}

html.pc-theme-dark .btn-white,
html.pc-theme-dark .btn-default {
	background-color: #2b303a !important;
	border-color: #3a414d !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .btn-white:hover,
html.pc-theme-dark .btn-default:hover {
	background-color: #333a46 !important;
}

html.pc-theme-dark .help-center-drawer {
	background: #1b1d21 !important;
	border-bottom-color: #343a46 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
}

html.pc-theme-dark .help-center-bar {
	background: #20242a !important;
	border-bottom-color: #343a46 !important;
}

html.pc-theme-dark .help-center-bar h4,
html.pc-theme-dark .help-center-close {
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-body,
html.pc-theme-dark .help-center-content,
html.pc-theme-dark #helpCenterContent {
	background: #1b1d21 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-topic,
html.pc-theme-dark .help-center-content .help-topic-card,
html.pc-theme-dark .help-center-content .bs-help-card {
	background: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
	box-shadow: none !important;
}

html.pc-theme-dark .help-center-content .help-topic-card small,
html.pc-theme-dark .help-center-content .bs-help-card small {
	color: #b8bcc6 !important;
}

html.pc-theme-dark .help-center-content .help-topic-card:hover,
html.pc-theme-dark .help-center-content .bs-help-card:hover {
	background: #2b303a !important;
}

html.pc-theme-dark .help-center-content .form-control,
html.pc-theme-dark .help-center-content input[type="search"] {
	background-color: #2b303a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-back-link,
html.pc-theme-dark .help-center-content .bs-help-back {
	color: #8ab4f8 !important;
}

html.pc-theme-dark .help-center-content .help-article-path,
html.pc-theme-dark .help-center-content .help-center-loading {
	color: #b8bcc6 !important;
}

html.pc-theme-dark .help-center-content .help-article,
html.pc-theme-dark .help-center-content .help-article .container {
	background: transparent !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-article .text-muted {
	color: #b8bcc6 !important;
}

html.pc-theme-dark .help-center-content .help-article .header {
	border-bottom-color: #343a46 !important;
}

html.pc-theme-dark .help-center-content .help-article .footer {
	border-top-color: #343a46 !important;
	color: #b8bcc6 !important;
}

html.pc-theme-dark .help-center-content .help-article .jumbotron {
	background: #232733 !important;
	border-bottom-color: #343a46 !important;
	color: #e8e8e8 !important;
	box-shadow: none !important;
}

html.pc-theme-dark .help-center-content .help-article .help-topic,
html.pc-theme-dark .help-center-content .help-article .quick-step,
html.pc-theme-dark .help-center-content .help-article .panel,
html.pc-theme-dark .help-center-content .help-article .well {
	background: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
	box-shadow: none !important;
}

html.pc-theme-dark .help-center-content .help-article .search-hint,
html.pc-theme-dark .help-center-content .help-article .quick-text {
	color: #b8bcc6 !important;
}

html.pc-theme-dark .help-center-content .help-article .list-group-item {
	background-color: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-article .list-group-item:hover,
html.pc-theme-dark .help-center-content .help-article .list-group-item:focus {
	background-color: #2b303a !important;
	color: #ffffff !important;
}

html.pc-theme-dark .help-center-content .help-article .nav-pills > li > a {
	background-color: #2b303a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-article .nav-pills > li.active > a,
html.pc-theme-dark .help-center-content .help-article .nav-pills > li.active > a:hover,
html.pc-theme-dark .help-center-content .help-article .nav-pills > li.active > a:focus {
	background-color: #007bff !important;
	color: #ffffff !important;
}

html.pc-theme-dark .help-center-content .help-article a {
	color: #8ab4f8;
}

html.pc-theme-dark .help-center-content .help-article a:hover,
html.pc-theme-dark .help-center-content .help-article a:focus {
	color: #a9c7ff;
}

html.pc-theme-dark .help-center-content .help-article .btn-default {
	background-color: #2b303a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .help-center-content .help-article .alert-warning {
	background-color: #2b303a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

/* jQuery UI (tree + widgets) */
html.pc-theme-dark .ui-widget-content {
	background: #1f2430 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .ui-widget-header {
	background: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .ui-state-default,
html.pc-theme-dark .ui-widget-content .ui-state-default {
	background: #2b303a !important;
	border-color: #3a414d !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .ui-state-hover,
html.pc-theme-dark .ui-widget-content .ui-state-hover,
html.pc-theme-dark .ui-state-focus,
html.pc-theme-dark .ui-widget-content .ui-state-focus {
	background: #333a46 !important;
	border-color: #3a414d !important;
	color: #ffffff !important;
}

/* jsTree (project folder tree) */
html.pc-theme-dark #jsTreeTree {
	background: #1f2430 !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark .jstree-default .jstree-wholerow {
	background: transparent;
}

html.pc-theme-dark .jstree-default .jstree-wholerow-hovered {
	background: #2b303a;
}

html.pc-theme-dark .jstree-default .jstree-wholerow-clicked {
	background: #333a46;
}

html.pc-theme-dark .jstree-default .jstree-anchor {
	color: #e8e8e8;
}

html.pc-theme-dark .jstree-default .jstree-hovered,
html.pc-theme-dark .jstree-default .jstree-clicked {
	background: transparent;
}

html.pc-theme-dark .jstree-default .jstree-node {
	background-image: none !important;
}

/* Remove the default jsTree sprite behind theme icons (we use Font Awesome classes). */
html.pc-theme-dark .jstree-default .jstree-themeicon {
	background-image: none !important;
	background-color: transparent !important;
}

html.pc-theme-dark .jstree-default .jstree-themeicon.fa {
	color: #e8e8e8;
}

/* qTip (bootstrap theme) */
html.pc-theme-dark .qtip-bootstrap {
	background-color: #232733;
	border-color: #343a46;
	color: #e8e8e8;
}

html.pc-theme-dark #fileMovePanel #executeMoveFiles {
	background-color: #2b303a;
	border: 1px solid #3a414d;
	color: #e8e8e8;
}

html.pc-theme-dark #fileMovePanel #executeMoveFiles:hover,
html.pc-theme-dark #fileMovePanel #executeMoveFiles:focus {
	background-color: #333a46;
	border-color: #3a414d;
	color: #ffffff;
}

/* Colorbox dialogs (move files, etc.). */
html.pc-theme-dark #colorbox,
html.pc-theme-dark #cboxContent,
html.pc-theme-dark #cboxLoadedContent {
	background-color: #232733 !important;
	color: #e8e8e8;
}

html.pc-theme-dark #colorbox {
	border-color: #343a46 !important;
	background-image: none !important;
}

html.pc-theme-dark #cboxTitle,
html.pc-theme-dark #cboxCurrent {
	color: #b8bcc6 !important;
}

html.pc-theme-dark .cboxIframe {
	background-color: #232733 !important;
}

/* Issue Addenda dedicated inline host (bypasses hidden paPanelDisplay machinery). */
#pcAddendaInlineHost.pc-addenda-inline-host {
	display: none;
	position: relative;
	width: 100%;
	margin: 12px 0 20px 0;
	padding: 0;
	box-sizing: border-box;
}

#pcAddendaInlineHost.pc-addenda-inline-host.pc-addenda-active {
	display: block !important;
	visibility: visible !important;
	min-height: 500px !important;
	background: #ffffff !important;
	color: #222222 !important;
	border: 2px solid #007bff !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
	z-index: 5 !important;
	overflow: visible !important;
	margin-bottom: 24px !important;
}

html.pc-theme-dark #pcAddendaInlineHost.pc-addenda-inline-host.pc-addenda-active {
	background: #1b1d21 !important;
	color: #e8e8e8 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

#pcAddendaInlineHost .pc-addenda-panel-footer,
#paPanelDisplay .pc-addenda-panel-footer {
	padding: 12px 15px 14px 15px;
	border-top: 1px solid #e9ecef;
	background: #f9f9f9;
	text-align: right;
}

html.pc-theme-dark #pcAddendaInlineHost .pc-addenda-panel-footer,
html.pc-theme-dark #paPanelDisplay .pc-addenda-panel-footer {
	background: #20242a !important;
	border-top-color: #343a46 !important;
}

#pcAddendaInlineHost .pc-addenda-back-btn {
	background: #28a745 !important;
	color: #ffffff !important;
	border: none !important;
	padding: 8px 18px !important;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;
}

#pcAddendaInlineHost.pc-addenda-active #projectAddendaPanelContent,
#pcAddendaInlineHost.pc-addenda-active #projectAddendaPopupContent {
	display: block !important;
	visibility: visible !important;
	min-height: 400px !important;
	opacity: 1 !important;
}

#pcAddendaInlineHost #projectAddendaPopupContent {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

#pcAddendaInlineHost .pc-addenda-dropzone,
#pcAddendaInlineHost #addendaPanelDropzone,
#pcAddendaInlineHost #addendaPopupDropzone,
#pcAddendaInlineHost .dropzone,
#paPanelDisplay .pc-addenda-dropzone,
#paPanelDisplay #addendaPanelDropzone,
#paPanelDisplay #addendaPopupDropzone,
#paPanelDisplay .dropzone {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	z-index: auto !important;
	background-color: #fafafa !important;
}

html.pc-theme-dark #pcAddendaInlineHost .pc-addenda-dropzone,
html.pc-theme-dark #pcAddendaInlineHost #addendaPanelDropzone,
html.pc-theme-dark #pcAddendaInlineHost #addendaPopupDropzone,
html.pc-theme-dark #pcAddendaInlineHost .dropzone,
html.pc-theme-dark #paPanelDisplay .pc-addenda-dropzone,
html.pc-theme-dark #paPanelDisplay #addendaPanelDropzone,
html.pc-theme-dark #paPanelDisplay #addendaPopupDropzone,
html.pc-theme-dark #paPanelDisplay .dropzone,
html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-dropzone,
html.pc-theme-dark #projectAddendaPanelContent #addendaPanelDropzone,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-dropzone,
html.pc-theme-dark #projectAddendaPopupContent #addendaPopupDropzone {
	background-color: #2b303a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

/* Issue Addenda inline admin panel — theme-aware surfaces (light + dark). */
#pcAddendaInlineHost #projectAddendaPanelContent,
#projectAddendaPanelContent.pc-addenda-panel,
#projectAddendaPopupContent.pc-addenda-panel,
#paPanelDisplay #projectAddendaPanelContent,
#paPanelDisplay #projectAddendaPopupContent,
#projectSettingsPanel #projectAddendaPanelContent {
	background: #ffffff !important;
	color: #222222 !important;
	padding: 0 !important;
	border: none !important;
}

html.pc-theme-dark #pcAddendaInlineHost #projectAddendaPanelContent,
html.pc-theme-dark #projectAddendaPanelContent.pc-addenda-panel,
html.pc-theme-dark #projectAddendaPopupContent.pc-addenda-panel,
html.pc-theme-dark #paPanelDisplay #projectAddendaPanelContent,
html.pc-theme-dark #paPanelDisplay #projectAddendaPopupContent,
html.pc-theme-dark #projectSettingsPanel #projectAddendaPanelContent {
	background: #1b1d21 !important;
	color: #e8e8e8 !important;
}

#project_admin_panel {
	min-height: 520px;
	overflow: visible;
}

#projectSettingsPanel.pc-project-settings-panel,
#projectSettingsPanel {
	display: block;
	padding: 10px;
	margin: 10px;
	box-sizing: border-box;
}

html:not(.pc-theme-dark) #project_admin_panel #paPanelDisplay,
html:not(.pc-theme-dark) #projectSettingsPanel {
	min-height: 480px !important;
	height: auto !important;
	background: #ffffff !important;
	color: #222222 !important;
	border: 1px solid #cccccc;
}

#projectAddendaPanelContent .pc-addenda-panel-header,
#projectAddendaPanelContent #addendaPanelHeader,
#projectAddendaPopupContent .pc-addenda-panel-header,
#projectAddendaPopupContent #addendaHeader {
	background: #007bff !important;
	color: #ffffff !important;
	padding: 10px 15px !important;
	font-weight: bold !important;
	font-size: 15px !important;
	margin: 0 0 15px 0 !important;
}

#projectAddendaPanelContent .pc-addenda-panel-form-wrap,
#projectAddendaPopupContent .pc-addenda-panel-form-wrap {
	min-height: 280px;
	padding: 12px 15px 15px 15px;
	background: #f9f9f9 !important;
	border: 1px solid #e9ecef !important;
}

#projectAddendaPanelContent label,
#projectAddendaPanelContent p,
#projectAddendaPanelContent small,
#projectAddendaPanelContent .pc-addenda-upload-hint,
#projectAddendaPanelContent .pc-addenda-footnote,
#projectAddendaPopupContent label,
#projectAddendaPopupContent p,
#projectAddendaPopupContent small,
#projectAddendaPopupContent .pc-addenda-upload-hint,
#projectAddendaPopupContent .pc-addenda-footnote {
	color: #222222 !important;
}

#projectAddendaPanelContent .pc-addenda-textarea,
#projectAddendaPanelContent textarea,
#projectAddendaPanelContent input,
#projectAddendaPopupContent .pc-addenda-textarea,
#projectAddendaPopupContent textarea,
#projectAddendaPopupContent input {
	background-color: #ffffff !important;
	color: #222222 !important;
	border: 1px solid #cccccc !important;
	width: 100%;
	min-height: 140px;
}

#projectAddendaPanelContent .pc-addenda-send-btn,
#projectAddendaPanelContent #sendAddendaPanelBtn,
#projectAddendaPopupContent .pc-addenda-send-btn,
#projectAddendaPopupContent #sendAddendaPopupBtn,
#projectAddendaPanelContent .pc-addenda-choose-btn,
#projectAddendaPanelContent #chooseAddendaFilesBtn,
#projectAddendaPopupContent .pc-addenda-choose-btn,
#projectAddendaPopupContent #chooseAddendaFilesBtn {
	background-color: #007bff !important;
	color: #ffffff !important;
	border: none !important;
	padding: 8px 12px !important;
}

#projectAddendaPanelContent .pc-addenda-choose-btn,
#projectAddendaPanelContent #chooseAddendaFilesBtn,
#projectAddendaPopupContent .pc-addenda-choose-btn,
#projectAddendaPopupContent #chooseAddendaFilesBtn {
	margin-bottom: 6px;
}

#projectAddendaPanelContent .pc-addenda-send-btn:hover,
#projectAddendaPanelContent .pc-addenda-send-btn:focus,
#projectAddendaPanelContent #sendAddendaPanelBtn:hover,
#projectAddendaPanelContent #sendAddendaPanelBtn:focus,
#projectAddendaPopupContent .pc-addenda-send-btn:hover,
#projectAddendaPopupContent .pc-addenda-send-btn:focus,
#projectAddendaPopupContent #sendAddendaPopupBtn:hover,
#projectAddendaPopupContent #sendAddendaPopupBtn:focus,
#projectAddendaPanelContent .pc-addenda-choose-btn:hover,
#projectAddendaPanelContent .pc-addenda-choose-btn:focus,
#projectAddendaPanelContent #chooseAddendaFilesBtn:hover,
#projectAddendaPanelContent #chooseAddendaFilesBtn:focus,
#projectAddendaPopupContent .pc-addenda-choose-btn:hover,
#projectAddendaPopupContent .pc-addenda-choose-btn:focus,
#projectAddendaPopupContent #chooseAddendaFilesBtn:hover,
#projectAddendaPopupContent #chooseAddendaFilesBtn:focus {
	background-color: #0069d9 !important;
	color: #ffffff !important;
}

#projectAddendaPanelContent .pc-addenda-dropzone,
#projectAddendaPanelContent #addendaPanelDropzone,
#projectAddendaPopupContent .pc-addenda-dropzone,
#projectAddendaPopupContent #addendaPopupDropzone {
	/* Override legacy #dropzone / div.dropzone page-overlay rules — keep inline panel dropzone in-flow. */
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	z-index: auto !important;
	min-height: 80px;
	border: 1px dashed #cccccc !important;
	border-radius: 4px;
	background: #fafafa !important;
	margin-bottom: 8px;
}

#projectAddendaPanelContent .pc-addenda-dz-hint,
#projectAddendaPopupContent .pc-addenda-dz-hint {
	padding: 6px;
	text-align: center;
	font-size: 10px;
	color: #666666 !important;
	line-height: 1.2;
}

html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-panel-form-wrap,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-panel-form-wrap,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-popup-body {
	background: #232733 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark #projectAddendaPanelContent label,
html.pc-theme-dark #projectAddendaPanelContent p,
html.pc-theme-dark #projectAddendaPanelContent small,
html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-upload-hint,
html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-footnote,
html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-last-issued,
html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-result,
html.pc-theme-dark #projectAddendaPopupContent label,
html.pc-theme-dark #projectAddendaPopupContent p,
html.pc-theme-dark #projectAddendaPopupContent small,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-upload-hint,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-footnote,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-last-issued,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-result {
	color: #e8e8e8 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .text-muted,
html.pc-theme-dark #projectAddendaPopupContent .text-muted {
	color: #b8bcc6 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-panel-form-wrap,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-panel-form-wrap {
	border-color: #343a46 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-textarea,
html.pc-theme-dark #projectAddendaPanelContent textarea,
html.pc-theme-dark #projectAddendaPanelContent input,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-textarea,
html.pc-theme-dark #projectAddendaPopupContent textarea,
html.pc-theme-dark #projectAddendaPopupContent input {
	background-color: #2b303a !important;
	color: #e8e8e8 !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-dz-hint,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-dz-hint {
	color: #b8bcc6 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .pc-addenda-divider,
html.pc-theme-dark #projectAddendaPopupContent .pc-addenda-divider,
html.pc-theme-dark #projectAddendaPanelContent hr,
html.pc-theme-dark #projectAddendaPopupContent hr {
	border-color: #343a46 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .dropzone .dz-preview,
html.pc-theme-dark #projectAddendaPopupContent .dropzone .dz-preview,
html.pc-theme-dark #paPanelDisplay .pc-addenda-dropzone .dz-preview,
html.pc-theme-dark #pcAddendaInlineHost .pc-addenda-dropzone .dz-preview {
	background: #232733 !important;
	color: #e8e8e8 !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark #projectAddendaPanelContent .dropzone .dz-preview .dz-filename span,
html.pc-theme-dark #projectAddendaPopupContent .dropzone .dz-preview .dz-filename span,
html.pc-theme-dark #paPanelDisplay .pc-addenda-dropzone .dz-preview .dz-filename span,
html.pc-theme-dark #pcAddendaInlineHost .pc-addenda-dropzone .dz-preview .dz-filename span {
	color: #e8e8e8 !important;
}

/* Project file tiles */
html.pc-theme-dark .album .imageSingle,
html.pc-theme-dark .album .imageSingleFolder,
html.pc-theme-dark .album .imageSingleDeleted,
html.pc-theme-dark .album .imageSingleFolderDeleted {
	background-color: #232733 !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark .album .footer {
	border-top-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .album .download_link {
	color: #e8e8e8 !important;
}

/* General folder / file tiles (non-album contexts) */
html.pc-theme-dark .imageSingle,
html.pc-theme-dark .imageSingleFolder,
html.pc-theme-dark .imageSingleDeleted,
html.pc-theme-dark .imageSingleFolderDeleted {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8;
}

html.pc-theme-dark .imageSingle .footer,
html.pc-theme-dark .imageSingleFolder .footer,
html.pc-theme-dark .imageSingleDeleted .footer,
html.pc-theme-dark .imageSingleFolderDeleted .footer {
	background-color: #20242a !important;
	border-top-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark .download_link {
	background-color: transparent !important;
	color: #e8e8e8 !important;
}

/* File/folder tile admin toolbar (permissions dropdown + delete icon). */
html.pc-theme-dark #admin_file_order {
	background-color: #20242a !important;
}

/* Folder thumbnails: swap JPG tiles for FA icons in dark mode (JPGs have white backgrounds). */
.folder-thumb-icon {
	display: none;
	width: 150px;
	height: 150px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
}

.folder-thumb-icon i {
	font-size: 90px;
	line-height: 1;
	color: #8ab4f8;
}

.folder-thumb-label {
	font-size: 14px;
	font-weight: 600;
	color: #e8e8e8;
}

html.pc-theme-dark .folder-thumb-image {
	display: none !important;
}

html.pc-theme-dark .folder-thumb-icon {
	display: flex !important;
}

html.pc-theme-dark #folderUploadPanel {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

/* Project update / bid countdown bar */
.pc-project-update-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pc-project-update-title-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
	flex: 1 1 auto;
}

.pc-project-update-meta {
	flex: 0 0 auto;
	white-space: nowrap;
	color: inherit;
	opacity: 0.9;
}

.pc-project-update-sep {
	padding: 0 6px;
	opacity: 0.8;
}

.pc-project-update-alert-changed .pc-project-update-title-link,
.pc-project-update-alert-changed .pc-project-update-meta {
	color: #ffffff !important;
}

html.pc-theme-dark #projectUpdateNotificationAlert.pc-project-update-alert-neutral > .panel-heading {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark #projectUpdateNotificationAlert.panel-danger > .panel-heading {
	background-color: #ed5565 !important;
	border-color: #ed5565 !important;
	color: #ffffff !important;
}

/* Dropdown submenu support for Administration pull-down (side flyouts / "side pull down")
   Used in both classic and bootstrap themes for category-based organization.
   Allows short top-level category list; hover opens items to the side.
*/
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #333;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	border-radius: 6px 0 6px 6px;
}

/* Dark theme adjustments for submenus */
html.pc-theme-dark .dropdown-submenu > a:after {
	border-left-color: #888;
}
html.pc-theme-dark .dropdown-submenu:hover > a:after {
	border-left-color: #eee;
}
html.pc-theme-dark .dropdown-submenu > .dropdown-menu {
	background-color: #232733;
	border-color: #343a46;
}
html.pc-theme-dark .dropdown-submenu > .dropdown-menu > li > a {
	color: #e8e8e8;
}
html.pc-theme-dark .dropdown-submenu > .dropdown-menu > li > a:hover,
html.pc-theme-dark .dropdown-submenu > .dropdown-menu > li > a:focus {
	background-color: #2b303a;
	color: #ffffff;
}

/* For the vertical admin side menu (plancenterSettingsMenu / jQ UI menu context)
   Basic support for nested categories as expandable side items on hover.
   jQ UI .menu() (when active) will enhance this further with arrows/keyboard.
*/
.plancenterSettingsMenu li.ui-menu-item > a.pc-admin-category,
.plancenterSettingsMenu li > span.pc-admin-category,
.plancenterSettingsMenu li > a.pc-admin-category {
	font-weight: bold;
	color: #555;
	background: #f5f5f5;
	display: block;
	padding: 3px 5px;
	cursor: default;
}
.plancenterSettingsMenu ul.submenu {
	display: none;
	position: absolute;
	left: 180px; /* side pull-down offset */
	top: 0;
	min-width: 180px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	z-index: 1000;
	padding: 2px 0;
}
.plancenterSettingsMenu li:hover > ul.submenu {
	display: block;
}
html.pc-theme-dark .plancenterSettingsMenu li > a.pc-admin-category,
html.pc-theme-dark .plancenterSettingsMenu li > span.pc-admin-category {
	background: #2b303a;
	color: #e8e8e8;
}
html.pc-theme-dark .plancenterSettingsMenu ul.submenu {
	background: #232733;
	border-color: #343a46;
}

/* Dark mode fixes for projectNotificationsPanel (the "CSI Notifications" panel containing "Issue an Addenda" button, global notifications, ITB etc).
   The panel uses .roundedBox (light gradient bg) and .fieldLabelText (dark text + white shadows/borders) which had no dark overrides, making text invisible (dark on dark or no contrast).
   Matches the style of existing .panel / .ibox overrides.
*/
html.pc-theme-dark .roundedBox {
	background: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
	box-shadow: none !important;
}
html.pc-theme-dark .fieldLabelText h2 {
	color: #e8e8e8 !important;
	border-bottom-color: #343a46 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background: transparent !important;
}
html.pc-theme-dark .fieldLabelText strong {
	color: #e8e8e8 !important;
}
html.pc-theme-dark .roundedBox i {
	color: #b8bcc6 !important;
}

/* Buttons inside the notifications panel (Issue Addenda etc.) were getting white-on-white in dark mode */
html.pc-theme-dark .roundedBox button {
	background-color: #3a414d !important;
	border: 1px solid #4a515f !important;
	color: #e8e8e8 !important;
	padding: 4px 8px;
}
html.pc-theme-dark .roundedBox button:hover,
html.pc-theme-dark .roundedBox button:focus {
	background-color: #4a515f !important;
	color: #ffffff !important;
}

/* Rich activity / audit log JSON payloads in DataTables */
pre.pc-event-log-data {
	max-height: 90px;
	overflow: auto;
	font-size: 9px;
	background: #f5f5f5;
	padding: 3px;
	margin: 0;
	white-space: pre-wrap;
	border: 1px solid #ddd;
}
html.pc-theme-dark pre.pc-event-log-data {
	background: #2b303a;
	color: #e8e8e8;
	border-color: #343a46;
}

/* Project Admin inline panels — full-width content without duplicate side menu / sticker chrome */
#project_admin_panel.pc-activity-chrome {
	background-color: #f3f3f4 !important;
	border: none;
	margin: 8px 0;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}
#project_admin_panel.pc-activity-chrome #paPanelList {
	display: none !important;
}
#project_admin_panel.pc-activity-chrome #paPanelDisplay,
body.pc-project-admin-active #paPanelDisplay,
body.pc-project-admin-active #projectSettingsPanel {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	box-sizing: border-box;
}
body.pc-project-admin-active #middle_column {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both;
}
body.pc-project-admin-active #left_column,
body.pc-project-admin-active #right_column {
	display: none !important;
}
body.pc-project-admin-active #toolbar {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	clear: both;
	margin: 8px 0 12px 0;
	box-sizing: border-box;
}
body.pc-project-admin-active #toolbar .row {
	margin-left: 0;
	margin-right: 0;
}
body.pc-project-admin-active #admintoolbar {
	width: 100%;
}
#paPanelDisplay #sticker,
#projectSettingsPanel #sticker {
	display: none !important;
}
#paPanelDisplay .pc-activity-panel {
	width: 100%;
}
#paPanelDisplay .pc-activity-panel .panel {
	margin-bottom: 0;
	border: 1px solid #e7eaec;
	box-shadow: none;
}
#paPanelDisplay .pc-activity-filters td {
	vertical-align: top;
}
#paPanelDisplay .pc-activity-filters select,
#paPanelDisplay .pc-activity-filters input[type="text"] {
	max-width: 100%;
}
html.pc-theme-dark #paPanelDisplay .pc-activity-panel .panel {
	background: #2b303a;
	border-color: #343a46;
	color: #e8e8e8;
}

/* Admin integration settings: awesome-bootstrap-checkbox hides inputs inside .checkbox
   wrappers (opacity:0), which breaks click/toggle when inputs are nested in labels. */
#plancenterAdminPanel .checkbox input[type="checkbox"],
#plancenterAdminPanel .checkbox input[type="radio"] {
	opacity: 1 !important;
	position: static !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	vertical-align: middle;
}

#plancenterAdminPanel .checkbox label::before,
#plancenterAdminPanel .checkbox label::after {
	display: none !important;
	content: none !important;
}

/* Administration → Settings: panels use Bootstrap .panel-default (white bg) inside grid columns. */
html.pc-theme-dark #plancenterAdminPanelContainer,
html.pc-theme-dark #plancenterAdminPanel,
html.pc-theme-dark #plancenterAdminPanel .grid-50 {
	background-color: transparent;
	color: #e8e8e8;
}

html.pc-theme-dark #plancenterAdminPanel .panel,
html.pc-theme-dark #plancenterAdminPanel .panel-default,
html.pc-theme-dark #plancenterAdminPanel .panel-body,
html.pc-theme-dark #plancenterAdminPanel .well,
html.pc-theme-dark #plancenterAdminPanel .well-sm {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8;
}

html.pc-theme-dark #plancenterAdminPanel .panel-default > .panel-heading,
html.pc-theme-dark #plancenterAdminPanel .panel-heading {
	background-color: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark #plancenterAdminPanel .help-block {
	color: #b8bcc6;
}

/* Project Admin → Settings panels (#paPanelDisplay / #projectSettingsPanel). */
html.pc-theme-dark #project_admin_panel.pc-activity-chrome {
	background-color: #1b1d21 !important;
}

html.pc-theme-dark #project_admin_panel #paPanelDisplay,
html.pc-theme-dark #projectSettingsPanel {
	background-color: #1b1d21 !important;
	color: #e8e8e8 !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark #paPanelDisplay .panel,
html.pc-theme-dark #paPanelDisplay .panel-default,
html.pc-theme-dark #paPanelDisplay .panel-body,
html.pc-theme-dark #paPanelDisplay .well,
html.pc-theme-dark #paPanelDisplay .well-sm,
html.pc-theme-dark #paPanelDisplay .ibox-content,
html.pc-theme-dark #projectSettingsPanel .panel,
html.pc-theme-dark #projectSettingsPanel .panel-default,
html.pc-theme-dark #projectSettingsPanel .panel-body,
html.pc-theme-dark #projectSettingsPanel .well,
html.pc-theme-dark #projectSettingsPanel .well-sm,
html.pc-theme-dark #projectSettingsPanel .ibox-content {
	background-color: #232733 !important;
	border-color: #343a46 !important;
	color: #e8e8e8;
}

html.pc-theme-dark #paPanelDisplay .panel-default > .panel-heading,
html.pc-theme-dark #paPanelDisplay .panel-heading,
html.pc-theme-dark #paPanelDisplay .ibox-title,
html.pc-theme-dark #projectSettingsPanel .panel-default > .panel-heading,
html.pc-theme-dark #projectSettingsPanel .panel-heading,
html.pc-theme-dark #projectSettingsPanel .ibox-title {
	background-color: #20242a !important;
	border-color: #343a46 !important;
	color: #e8e8e8 !important;
}

html.pc-theme-dark #paPanelDisplay .help-block,
html.pc-theme-dark #projectSettingsPanel .help-block {
	color: #b8bcc6;
}

html.pc-theme-dark #paPanelDisplay #sticker.well,
html.pc-theme-dark #projectSettingsPanel #sticker.well {
	background-color: #232733 !important;
	border-color: #343a46 !important;
}

/* Project photo crop toolbar: avoid unreadable bare .dim / .btn-white buttons. */
#paPanelDisplay .pc-project-photo-actions .btn,
#projectSettingsPanel .pc-project-photo-actions .btn,
#paPanelDisplay .pc-project-photo-crop-tools .btn,
#projectSettingsPanel .pc-project-photo-crop-tools .btn {
	color: #fff;
	text-shadow: none;
	box-shadow: none;
	margin-bottom: 8px !important;
}

#paPanelDisplay .pc-project-photo-crop-tools .btn-default,
#projectSettingsPanel .pc-project-photo-crop-tools .btn-default {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ccc;
}

html.pc-theme-dark #paPanelDisplay .pc-project-photo-crop-tools .btn-default,
html.pc-theme-dark #projectSettingsPanel .pc-project-photo-crop-tools .btn-default {
	color: #e8e8e8 !important;
	background-color: #2b303a !important;
	border-color: #343a46 !important;
}

html.pc-theme-dark #paPanelDisplay .pc-project-photo-crop-tools .btn-default:hover,
html.pc-theme-dark #paPanelDisplay .pc-project-photo-crop-tools .btn-default:focus,
html.pc-theme-dark #projectSettingsPanel .pc-project-photo-crop-tools .btn-default:hover,
html.pc-theme-dark #projectSettingsPanel .pc-project-photo-crop-tools .btn-default:focus {
	color: #ffffff !important;
	background-color: #343a46 !important;
}