/* -------- Impression -------- */
@media print {
	#view-issue-page .bugnote .btn { display: none !important; }
	#view-issue-page .bugnote .btn-sm { display: none !important; }
	.noprint { display: none !important; }
}

span.print {
	font-size: 8pt !important;
}

span.required {
	font-size: 8pt !important;
	color: #bb0000 !important;
}

/* -------- Thème global / fond / texte -------- */

html,
body {
	background-color: #22252a !important;
	color: #ffffff !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

/* zones générales vues dans les screens */
.main-content,
.page-content,
.main-container,
.main-container:before,
.main-container.container:before,
.skin-3 .main-container:before {
	background: #22252a !important;
	background-color: #22252a !important;
	color: #ffffff !important;
}

/* footer */
.footer-content {
	background-color: #282828 !important;
	border-top-color: orange !important;
	border-top-style: dotted !important;
	border-top-width: 1px !important;
	color: #ffffff !important;
}

/* -------- Titres / blocs de formulaire gauche -------- */

td.category,
th.category,
td.category label,
th.category label {
	background-color: #22252a !important;
	color: #b1b1b1 !important;
	font-weight: bold !important;
	vertical-align: top !important;
}

td.category .small,
th.category .small {
	font-weight: normal !important;
	color: #b1b1b1 !important;
}

/* petits encarts type "champ requis" / légende */
.small-caption {
	background-color: #2d3035 !important;
	border: 1px solid #5a5d63 !important;
	color: #ffffff !important;
	font-size: 8pt !important;
	padding: 0 5px !important;
}

/* version responsive : garder lisible */
.small-caption {
	font-size: 9pt !important;
}

/* séparateurs gris clair dans les tableaux de tickets */
tr.spacer {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	height: 5px !important;
}

/* quand c'est juste une ligne fine */
tr.spacer td {
	padding: 0 !important;
}

/* -------- Liste des tickets (buglist) -------- */

#buglist td,
#buglist th {
	text-align: center !important;
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border: 0 !important;
}

#buglist .column-summary,
#buglist .column-description,
#buglist .column-notes,
#buglist .column-steps-to-reproduce,
#buglist .column-additional-information,
#buglist .cftype-string,
#buglist .cftype-textarea {
	text-align: left !important;
	color: #ffffff !important;
}

.buglist-headers {
	border-bottom: 1px solid silver !important;
	color: #ffffff !important;
	background-color: #2d3035 !important;
}

/* -------- Fiche ticket / bugnote -------- */

td.bugnote-attachments {
	width: 25% !important;
	background-color: #2d3035 !important;
	color: #ffffff !important;
}

td.bugnote-attachments ul {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

tr.bugnote .bugnote-note {
	background-color: #22252a !important;
	color: #b1b1b1 !important;
	width: 75% !important;
	vertical-align: top !important;
	border: 0 !important;
}

.bugnote-private {
	background-color: #4a3e20 !important;
	color: #ffffff !important;
}

/* tags, petites infos grises sous le résumé */
td.bug-tags,
label.inline.small {
	color: grey !important;
}

/* résumé / description du ticket dans la fiche */
td.bug-summary {
	font-size: 1.1em !important;
	color: #ffffff !important;
}

td.bug-description {
	font-size: 1.1em !important;
	color: #ffffff !important;
}

/* blocs d'infos style "Due", "Status", etc. */
.issue-status {
	border-bottom: 1px dotted #5a5d63 !important;
	color: #ffffff !important;
}

/* liste des pièces jointes */
.bug-attachments {
	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
}

.bug-attachments > ul {
	list-style: none !important;
	margin: 0.5em !important;
	padding: 0 !important;
}

.bug-attachments > ul > li {
	margin: 0.5em 0 !important;
	padding: 0 !important;
}

.bug-attachments > ul > li > div {
	margin: 0 !important;
	padding: 0 !important;
}

.bug-attachment-preview-text,
.bug-attachment-preview-image {
	margin: 1em !important;
	padding: 1em !important;
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
}

.bug-attachment-preview-image img {
	max-width: 100% !important;
}

.bug-attachment-preview-text {
	white-space: pre-wrap !important;
}

/* -------- Détails dépendances / relations -------- */

span.dependency_are_related  { color: #4aa3ff !important; }
span.dependency_is_parent    { color: #ff7a7a !important; }
span.dependency_is_child     { color: #ff7a7a !important; }
span.dependency_is_duplicate { color: #ff7a7a !important; }
span.dependency_has_duplicate{ color: #ff7a7a !important; }
span.dependency_blocks       { color: #ff7a7a !important; }
span.dependency_blocked_by   { color: #ff7a7a !important; }
span.dependency_from         { color: #ff7a7a !important; }
span.dependency_to           { color: #ff7a7a !important; }
span.dependency_related_to   { color: #ff7a7a !important; }
span.dependency_dated        { color: #ff7a7a !important; }
span.dependency_met          { color: #00b300 !important; }
span.dependency_unmet        { color: #ff0000 !important; }
span.dependency_upgrade      { color: orange !important; }

/* -------- Tableaux génériques -------- */

.table {
	background-color: transparent !important;
	color: #ffffff !important;
	border: 0 !important;
}

.table-bordered {
	border: 0 !important;
	border-color: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
}

.table-hover > tbody > tr:hover {
	background-color: inherit !important;
	color: #ffffff !important;
}

/* lignes alternées : on reste sombre */
.widget-body .table-striped > tbody > tr {
	background-color: #2d3035 !important;
	color: #ffffff !important;
}

.widget-body .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #2d3035 !important;
}

.widget-body .table-striped > tbody > tr:nth-of-type(even) {
	background-color: #22252a !important;
}

/* hover sur la liste */
.widget-body .table-striped > tbody > tr:nth-of-type(even):hover,
.widget-body .table-striped > tbody > tr:nth-of-type(odd):hover,
.widget-body .table-striped > tbody > tr:nth-of-type(2n+1):hover {
	background-color: #1f2226 !important;
}

/* cellules */
.widget-body .table td {
	background-color: #2d3035 !important;
	border-color: #3c3c3c !important;
	color: #ffffff !important;
	padding: 20px !important;
	font-weight: 100 !important;
	border: 0 !important;
}

.widget-body .table th {
	background-color: #2d3035 !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
	padding: 20px !important;
	font-weight: bold !important;
	border: 0 !important;
}

/* thead */
.widget-body .table thead {
	background-color: #505050 !important;
}

.widget-body .table thead tr {
	background-color: inherit !important;
}

.widget-body .table thead tr td {
	background-color: #292b2f !important;
	border-bottom: 1px solid #2d3035 !important;
	color: #ffffff !important;
}

/* cellules globales par défaut pour compat bootstrap */
td {
	border: 0 !important;
	padding: 10px !important;
	background-color: transparent !important;
	color: #ffffff !important;
}

/* -------- Liens dans les tableaux -------- */

.widget-body .table a {
	color: orange !important;
	font-weight: bold !important;
}

.widget-body .table a.tagi-brighter {
	color: #babaff !important;
	font-weight: bold !important;
}

.widget-body .table a.btn {
	color: #fafafa !important;
}

/* icônes crayon etc. */
.widget-body .fa-pencil {
	color: #d2d2d2 !important;
}

a {
	color: orange !important;
}

a i {
	color: #bbb !important;
}

/* -------- Widgets / cards / sections repliables -------- */

/* chaque bloc (ex: Relations, Utilisateurs surveillant...) */
.widget-box,
.widget-main {
	background-color: #26282d !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;          /* <-- bordure ajoutée */
	border-radius: 4px !important;
	margin-bottom: 15px !important;
}

/* header du bloc (barre titre + flèche collapse) */
.widget-header {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;          /* bordure autour du header */
	border-bottom: 1px solid #3c3c3c !important;    /* séparation nette header/body */
	border-radius: 4px 4px 0 0 !important;
	padding: 10px !important;
}

.widget-header .white {
	color: #ffffff !important;
}

.widget-header .white:hover {
	color: #1f2226 !important;
	text-decoration: underline !important;
}

.widget-header .badge {
	background-color: #646464 !important;
	color: #ffffff !important;
}

/* corps de bloc sous le header */
.widget-body {
	background-color: #26282d !important;
	color: #ffffff !important;
	border-top: 1px solid #3c3c3c !important;      /* trait fin entre header et contenu */
	border-radius: 0 0 4px 4px !important;
	padding: 10px !important;
}

/* barre d’actions en bas de fiche ticket */
.widget-toolbox {
	border: 1px solid #3c3c3c !important;
	border-top: 0 !important;
	background-color: #212326 !important;
	color: #ffffff !important;
	border-radius: 0 0 4px 4px !important;
}

.widget-toolbox.padding-8 {
	padding: 8px 17px !important;
}

.widget-title .badge {
	margin: 0 0 0 10px !important;
}

/* variantes colorées */
.widget-box[class*="widget-color-"] > .widget-header {
	padding: 10px !important;
	background-color: #2d3035 !important;
	border: 1px solid #3c3c3c !important;
	border-bottom: 1px solid #3c3c3c !important;
	color: #ffffff !important;
	border-radius: 4px 4px 0 0 !important;
}

.widget-color-blue2 > .widget-header {
	border: 1px solid #3c3c3c !important;
	border-bottom: 1px solid #3c3c3c !important;
	background-color: #2d3035 !important;
	color: #ffffff !important;
}

[class*="widget-color-"] > .widget-header > .widget-toolbar::before {
	border-color: transparent !important;
}

/* activité profil */
.profile-activity {
	border-color: #3c3c3c !important;
	background-color: #1d1f24 !important;
	color: #ffffff !important;
	border-bottom: 1px solid #3c3c3c !important;
}

.profile-activity:nth-of-type(even) {
	background-color: #1d1f24 !important;
}

.profile-activity:nth-of-type(odd):hover {
	background-color: #1c1e20 !important;
}

.profile-activity:hover {
	background-color: #101215 !important;
}

.profile-activity .thumbicon {
	border-radius: 100% !important;
	line-height: 32px !important;
	color: #ffffff !important;
	background-color: #2d3035 !important;
}

/* -------- Breadcrumb / barre haute -------- */

.breadcrumbs {
	border-radius: 0 !important;
	background-color: #2d3035 !important;
	padding: 10px !important;
	color: #ffffff !important;
}

.skin-3 .breadcrumbs {
	margin: 20px !important;
}

.breadcrumbs a {
	color: #ffffff !important;
}

.breadcrumbs .nav-recent {
	color: orange !important;
	padding: 10px !important;
}

.breadcrumbs .nav-search {
	top: 16px !important;
}

.breadcrumbs .nav-search-input {
	background-color: #464646 !important;
	border-color: transparent !important;
	color: #f0f0f0 !important;
	border-radius: 18px !important;
}

.breadcrumbs .nav-search-icon {
	color: #ffffff !important;
}

.breadcrumb > li,
.breadcrumb > li.active {
	color: #ffffff !important;
}

/* page header title */
.page-header h1 {
	color: #ffffff !important;
}

/* -------- Navbar / top bar utilisateur -------- */

.navbar {
	background-color: #2d3035 !important;
	color: #ffffff !important;
}

.navbar .navbar-brand {
	color: #ffffff !important;
}

.ace-nav > li {
	line-height: 45px !important;
	height: 45px !important;
	border-left: 0px solid #E1E1E1 !important;
	padding: 0 !important;
	position: relative !important;
	float: left !important;
}

.ace-nav > li > a > .ace-icon {
	color: #ffffff !important;
}

.ace-nav > li.grey > a {
	color: #ffffff !important;
}

/* -------- Tabs -------- */

.nav-tabs {
	border-bottom: 0px solid #2d3035 !important;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus {
	border-radius: 0 !important;
	border-color: #2d3035 !important;
	background-color: #2d3035 !important;
	color: #ffffff !important;
	margin-right: -1px !important;
	line-height: 18px !important;
	position: relative !important;
}

.nav-tabs > li > a:hover {
	background-color: #212326 !important;
	color: #fafafa !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border-top: 2px solid orange !important;
	border-color: orange #2d3035 transparent !important;
}

/* -------- Dropdowns / menus déroulants -------- */

.dropdown-toggle {
	background-color: #2d3035 !important;
	color: #ffffff !important;
}

.dropdown-toggle:hover {
	background-color: #212326 !important;
	color: #ffffff !important;
}

.dropdown-menu {
	background-color: #2d3035 !important;
	color: #e6e6e6 !important;
	border: 1px solid #3c3c3c !important;
}

.dropdown-menu a {
	color: #e6e6e6 !important;
}

.dropdown-menu .search {
	background-color: #3c3c3c !important;
	color: #e6e6e6 !important;
}

.dropdown-menu li.active:hover > a,
.dropdown-menu li.active > a,
.dropdown-menu li:hover > a,
.dropdown-menu li > a:active,
.dropdown-menu li > a:focus {
	background-color: orange !important;
	color: #1a1a1a !important;
}

.dropdown-menu .divider {
	height: 1px !important;
	margin: 9px 0 !important;
	overflow: hidden !important;
	background-color: transparent !important;
}

/* -------- Sidebar / menu gauche -------- */

.skin-3 .sidebar {
	background-color: #2d3035 !important;
	border-color: #2d3035 !important;
	border-width: 0 0 0 0 !important;
	color: #ffffff !important;
}

.nav-list,
.skin-3 .nav-list > li,
.skin-3 .nav-list > li > a,
.skin-3 .nav-list > li.active > a {
	background-color: inherit !important;
	border-color: #2d3035 !important;
	color: #ffffff !important;
}

.nav-list:hover,
.skin-3 .nav-list > li:hover,
.skin-3 .nav-list > li > a:hover,
.skin-3 .nav-list > li.active > a:hover {
	border-color: #2d3035 !important;
	background-color: #212326 !important;
	color: #ffffff !important;
}

.nav-list a:hover span,
.skin-3 .nav-list > li a:hover span,
.skin-3 .nav-list > li.active > a a:hover span {
	background-color: transparent !important;
}

.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.active + li {
	border-color: #212326 !important;
	background-color: #212326 !important;
	color: #ffffff !important;
}

.skin-3 .nav-list > li.active.highlight > a,
.skin-3 .nav-list > li.active > a,
.sidebar.compact .nav-list > li > a:hover {
	background-color: #212326 !important;
	border-color: #212326 !important;
	color: #ffffff !important;
}

.sidebar.compact .nav-list > li > a {
	padding: 8px !important;
}

.sidebar.compact .nav-list > li > a > .menu-icon {
	color: #ffffff !important;
}

.menu-text {
	color: #ffffff !important;
	background-color: transparent !important;
}

.menu-icon {
	color: #ffffff !important;
}

.sidebar-toggle,
.skin-3 .sidebar-toggle {
	background-color: inherit !important;
	border-color: #3c3c3c !important;
	color: orange !important;
	border-bottom: 0 !important;
	padding: 20px 0 !important;
}

.sidebar-toggle > .ace-icon,
.skin-3 .sidebar-toggle > .ace-icon {
	background-color: #212326 !important;
	border-color: orange !important;
	color: orange !important;
}

.sidebar-toggle:before,
.skin-3 .sidebar-toggle:before,
.sidebar-toggle::before,
.skin-3 .sidebar-toggle::before {
	border-color: transparent !important;
}

/* enlever les petits triangles orange de Mantis */
.skin-3 .nav-list > li.open::before,
.skin-3 .nav-list > li:hover::before,
.skin-3 .nav-list li.active > a::before,
.skin-3 .nav-list > li.active::before,
.skin-3 .nav-list > li.active + li::before {
	display: none !important;
}

/* -------- Boutons (style global sombre par défaut) -------- */

.btn.btn-white,
.btn-primary,
.btn.btn-white.btn-primary {
	background-color: #22252a !important;
	border-color: transparent !important;
	border: 0 !important;
	color: #fafafa !important;
	padding: 3px 12px !important;
}

.btn.btn-white.active,
.btn-primary.active,
.btn.btn-white.btn-primary.active {
	background-color: #1f2226 !important;
	color: #fafafa !important;
}

.btn.btn-white:hover,
.btn-primary:hover,
.btn.btn-white.btn-primary:hover {
	background-color: #1f2226 !important;
	color: #fafafa !important;
}

.btn-primary.no-hover:active,
.btn-primary.no-hover:hover {
	background-color: #16181c !important;
	color: #fafafa !important;
}

/* bouton CTA "Ouvrir la demande" (orange visible) */
.widget-toolbox .btn-primary.btn-white.btn-round,
.widget-toolbox .btn-primary.btn-white,
.widget-toolbox .btn-primary {
	background-color: orange !important;
	color: #1a1a1a !important;
	border: 0 !important;
	box-shadow: 0 0 10px rgba(255,165,0,.3) !important;
}

.widget-toolbox .btn-primary.btn-white.btn-round:hover,
.widget-toolbox .btn-primary.btn-white:hover,
.widget-toolbox .btn-primary:hover {
	background-color: #ffbb33 !important;
	color: #1a1a1a !important;
}

/* alignement boutons successifs */
form + form,
a.btn + a.btn {
	margin-left: 10px !important;
}

/* -------- Formulaires / inputs -------- */

.input-icon > input {
	padding-left: 30px !important;
	padding-right: 10px !important;
	background-color: #22252a !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
}

.form-inline .input-sm {
	background-color: #22252a !important;
	border-color: #3c3c3c !important;
	color: #fafafa !important;
}

.form-control,
.input-sm,
input,
.form-inline .input-sm,
textarea.form-control,
input.form-control {
	background-color: #22252a !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
}

input[type="file"] {
	padding: 10px !important;
	background-color: #22252a !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
}

select {
	background-color: #505050 !important;
	color: #e6e6e6 !important;
	border: 1px solid #3c3c3c !important;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget * {
	background-color: #323232 !important;
	color: #ffffff !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget span.month:hover,
.bootstrap-datetimepicker-widget span.year:hover {
	background-color: #3c3c3c !important;
	color: #ffffff !important;
}

.bootstrap-datetimepicker-widget td.day.active,
.bootstrap-datetimepicker-widget span.month.active,
.bootstrap-datetimepicker-widget span.year.active {
	background-color: #282828 !important;
	color: #ffffff !important;
}

/* champs requis dans les formulaires */
span.required {
	font-size: 10pt !important;
	color: #bb0000 !important;
}

/* petits blocs style "well" */
.well {
	background-color: #646464 !important;
	color: #ffffff !important;
	border: 0 !important;
}

/* -------- Statuts, badges, labels -------- */

.label {
	background-color: orange !important;
	color: #ffffff !important;
	padding: 3px 10px !important;
}

.label:before {
	border-right-color: orange !important;
}

.label.arrowed-in-right:after {
	border-color: orange !important;
	border-right-color: transparent !important;
}

.label.arrowed {
	border-radius: 0 18px 18px 0 !important;
}

/* échéances / due dates */
td.due-0,
td.overdue {
	background-color: red !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

td.due-1 {
	background-color: darkorange !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

td.due-2 {
	background-color: green !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

td.print-overdue {
	font-weight: bold !important;
	color: #ffffff !important;
}

/* -------- Pagination (en bas de la liste des demandes) -------- */

.pagination > li > a,
.pagination > li > span,
.pagination.small.no-margin > li > a,
.pagination.small.no-margin > li > span {
	background-color: #2d3035 !important;
	border: 1px solid #3c3c3c !important;
	color: orange !important;
	border-radius: 0 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
	background-color: #1f2226 !important;
	color: orange !important;
	border-color: #3c3c3c !important;
}

.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
	background-color: orange !important;
	border-color: orange !important;
	color: #1a1a1a !important;
}

.pagination > li.disabled > a,
.pagination > li.disabled > span,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > a:focus,
.pagination > li.disabled > span:focus {
	background-color: #2d3035 !important;
	color: #666 !important;
	border: 1px solid #3c3c3c !important;
}

/* -------- Diff affichage historique (comparaison champs) -------- */

table#bugnote-duplicates th,
table#bugnote-duplicates td {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border: 0 !important;
}

table#bugnote-duplicates .action {
	white-space: nowrap !important;
	width: 1% !important;
	color: #ffffff !important;
}

table#bugnote-duplicates .old_value {
	width: 50% !important;
	color: #ff7a7a !important;
	background-color: #2d3035 !important;
}

table#bugnote-duplicates .new_value {
	width: 50% !important;
	color: #00ff88 !important;
	background-color: #2d3035 !important;
}

table#bugnote-duplicates del,
table#bugnote-duplicates del * {
	background: #ffc7cb !important;
	text-decoration: none !important;
	color: #1a1a1a !important;
}

table#bugnote-duplicates ins,
table#bugnote-duplicates ins * {
	background: #ccffd8 !important;
	text-decoration: none !important;
	color: #1a1a1a !important;
}

table#bugnote-duplicates .old_value del,
table#bugnote-duplicates .old_value del * {
	background: transparent !important;
	text-decoration: line-through !important;
	color: #ff7a7a !important;
}

table#bugnote-duplicates .new_value ins,
table#bugnote-duplicates .new_value ins * {
	background: transparent !important;
	text-decoration: line-through !important;
	color: #00ff88 !important;
}

/* -------- Utilitaires divers -------- */

.nowrap {
	white-space: nowrap !important;
	color: #ffffff !important;
}

.bug-attachment-preview-image img {
	max-width: 100% !important;
}

#dates label[for=start_date],
#dates > label[for=end_date] {
	float: left !important;
	width: 3em !important;
	color: #ffffff !important;
}

.error-details .code {
	font-family: monospace !important;
	color: #ffffff !important;
	background-color: #2d3035 !important;
	padding: 5px !important;
	border-radius: 4px !important;
}

table.filters td.category {
	color: #337ab7 !important;
	background-color: #2d3035 !important;
}

.listjs-table .sort:after {
	display: inline-block !important;
	width: 0 !important;
	height: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-bottom: 5px solid transparent !important;
	content: "" !important;
	position: relative !important;
	top: -10px !important;
	right: -5px !important;
}

.listjs-table .sort.desc:after {
	width: 0 !important;
	height: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 5px solid #707070 !important;
	content: "" !important;
	position: relative !important;
	top: 4px !important;
	right: -5px !important;
}

.listjs-table .sort.asc:after {
	width: 0 !important;
	height: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-bottom: 5px solid #707070 !important;
	content: "" !important;
	position: relative !important;
	top: -4px !important;
	right: -5px !important;
}

.listjs-table .sort:hover {
	text-decoration: underline !important;
	color: #ffffff !important;
}

/* table de langues plugins */
.test-langs ol.plugins-toc {
	column-count: auto !important;
	column-width: 130px !important;
	column-gap: 60px !important;
	margin: 10px 15px 10px 30px !important;
	color: #ffffff !important;
}

/* grille d'accès */
.editable_access_level {
	display: inline-grid !important;
	grid-template-columns: 1fr 20px 1fr !important;
	color: #ffffff !important;
}

/* divers texte */
.lead {
	font-size: 1.1em !important;
	color: #ffffff !important;
}

.white {
	color: #ffffff !important;
}

/* -------- Dropzone (upload fichiers) -------- */

.dropzone {
	background-color: #22252a !important;
	border: 2px dashed #3c3c3c !important;
	color: #ffffff !important;
}

.dropzone .upload-icon {
	color: orange !important;
}

.dropzone .grey {
	color: #ffffff !important;
}

.dropzone .dz-message {
	color: #ffffff !important;
}

.dropzone-previews,
.dropzone-previews * {
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: #3c3c3c !important;
}

.progress.progress-small.progress-striped.active {
	background-color: #2d3035 !important;
	border: 1px solid #3c3c3c !important;
}

.progress-bar.progress-bar-success {
	background-color: orange !important;
	color: #1a1a1a !important;
}

/* -------- TinyMCE / VEditor (éditeur WYSIWYG) -------- */
/* compat TinyMCE 4 (.mce-*) et TinyMCE 5+/6 (.tox-*) */

/* bloc complet autour de l'éditeur */
.mce-tinymce,
.tox.tox-tinymce {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
	box-shadow: none !important;
}

/* panneaux / barres */
.mce-tinymce .mce-panel,
.mce-panel,
.mce-toolbar-grp,
.mce-statusbar,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow,
.tox .tox-menubar,
.tox .tox-statusbar {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border-color: #3c3c3c !important;
	border-style: solid !important;
	box-shadow: none !important;
}

/* barre du haut (tools) */
.mce-toolbar-grp,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
	border-bottom: 1px solid #3c3c3c !important;
}

/* barre du bas (status/chemin "div", "p"...) */
.mce-statusbar,
.tox .tox-statusbar {
	border-top: 1px solid #3c3c3c !important;
	color: #ffffff !important;
	background-color: #2d3035 !important;
}

/* boutons / icônes */
.mce-btn,
.mce-btn button,
.mce-toolbar .mce-btn,
.mce-toolbar .mce-btn button,
.tox .tox-tbtn,
.tox .tox-mbtn,
.tox .tox-tbtn svg,
.tox .tox-mbtn svg {
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: #3c3c3c !important;
	fill: #ffffff !important;
}

.mce-btn:hover,
.mce-btn button:hover,
.tox .tox-tbtn:hover,
.tox .tox-mbtn:hover {
	background-color: #1f2226 !important;
	color: #ffffff !important;
	border-color: #3c3c3c !important;
}

/* zone d'édition */
.mce-edit-area iframe,
.tox-edit-area iframe,
.tox .tox-edit-area__iframe {
	background-color: #22252a !important;
	color: #ffffff !important;
	border: 1px solid #3c3c3c !important;
}

/* chemin en bas ("div", "p", etc.) */
.mce-path,
.mce-path-item,
.tox .tox-statusbar__path-item {
	color: #ffffff !important;
}

/* menus déroulants de l'éditeur */
.mce-menu,
.mce-menu-item,
.mce-menu-item-normal,
.tox .tox-menu,
.tox .tox-collection__item {
	background-color: #2d3035 !important;
	color: #ffffff !important;
	border-color: #3c3c3c !important;
}

.mce-menu-item:hover,
.tox .tox-collection__item--active,
.tox .tox-collection__item--active * {
	background-color: #1f2226 !important;
	color: #ffffff !important;
}
/* === Tableau de détails d'une demande (Résumé / Description / etc.) === */

.table.table-bordered.table-condensed {
    background-color: #22252a !important;

    /* cadre autour du tableau */
    border: 1px solid #4a4a4a !important;
    border-radius: 4px !important;

    /* important : sinon certaines bordures ne se voient pas */
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* cellules (libellé à gauche + valeur à droite) */
.table.table-bordered.table-condensed > tbody > tr > th,
.table.table-bordered.table-condensed > tbody > tr > td {
    background-color: #22252a !important;
    color: #ffffff !important;

    /* trait séparateur horizontal entre les lignes */
    border-top: 1px solid #4a4a4a !important;

    padding: 8px 10px !important;
    vertical-align: top !important;
    font-weight: 400 !important;
}

/* première ligne = pas de trait au-dessus */
.table.table-bordered.table-condensed > tbody > tr:first-child > th,
.table.table-bordered.table-condensed > tbody > tr:first-child > td {
    border-top: 0 !important;
}

/* cellule libellé (th.bug-custom-field.category) = fond légèrement plus sombre
   + trait vertical à droite pour bien séparer label / valeur */
.table.table-bordered.table-condensed th.bug-custom-field.category {
    background-color: #2d3035 !important;
    color: #ffffff !important;
    font-weight: 600 !important;

    width: 220px !important;

    border-right: 1px solid #4a4a4a !important; /* séparation verticale */
    border-top: 1px solid #4a4a4a !important;
}

/* cellule valeur (td.bug-custom-field) */
.table.table-bordered.table-condensed td.bug-custom-field {
    background-color: #22252a !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}
/* === Tableau "Liste des demandes" (page toutes les demandes) === */
/* cible : le gros tableau avec les colonnes P / Identifiant / Catégorie / etc. */

#buglist {
    background-color: #22252a !important;

    /* cadre autour du tableau complet */
    border: 1px solid #4a4a4a !important;
    border-radius: 4px !important;

    /* pour que les bordures internes s'affichent bien */
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* en-tête du tableau (ligne avec les noms de colonnes) */
#buglist thead tr th {
    background-color: #2d3035 !important;
    color: #ffffff !important;

    /* trait sous l'en-tête pour bien séparer header / lignes */
    border-bottom: 1px solid #4a4a4a !important;

    /* on évite les bordures latérales flashy */
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;

    padding: 8px 10px !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
}

/* lignes du body */
#buglist tbody tr {
    /* trait entre chaque demande */
    border-top: 1px solid #4a4a4a !important;
    background-color: inherit !important;
}

/* pas de trait au-dessus de la toute première ligne du body */
#buglist tbody tr:first-child {
    border-top: 0 !important;
}

/* cellules du body */
#buglist tbody tr td {
    background-color: inherit !important;
    color: #ffffff !important;

    /* pas de bordure verticale entre cellules (juste les horizontales au niveau <tr>) */
    border: 0 !important;

    padding: 6px 10px !important;
    vertical-align: middle !important;
}

/* renforce l'alternance qu'on avait déjà mise, mais en gardant les traits */
#buglist tbody tr:nth-of-type(odd) {
    background-color: #2d3035 !important;
}

#buglist tbody tr:nth-of-type(even) {
    background-color: #22252a !important;
}

/* hover sur une ligne : reste sombre mais lisible */
#buglist tbody tr:hover {
    background-color: #1f2226 !important;
}