:root {
	--primary-color: #9b9b9b;
	--secondary-color: #ebebeb;
	--text-color: #333;
	--breadcrump: #262424;
	--breadcrump-text-color: white;
	--link-color: #0056a2;

	--is-status-10: #fcbdbd;
	--is-status-20: #e3b7eb;
	--is-status-40: #efff3b;
	--is-status-50: #89bae4;
	--is-status-60: #ACE7AE;
	--is-status-70: #89dfdc;
	--is-status-80: rgb(1, 136, 69);
	--is-status-90: rgb(1, 136, 69);

	--is-status-10-color: black;
	--is-status-20-color: black;
	--is-status-40-color: black;
	--is-status-50-color: black;
	--is-status-60-color: black;
	--is-status-70-color: black;
	--is-status-80-color: white;
	--is-status-90-color: white;
}

.status-10-fg {
	color: var(--is-status-10);
}

.status-20-fg {
	color: var(--is-status-20);
}

.status-60-fg {
	color: var(--is-status-60);
}

.status-70-fg {
	color: var(--is-status-70);
}

.status-80-fg {
	color: var(--is-status-80);
}

.status-90-fg {
	color: var(--is-status-90);
}

.status-50-fg {
	color: var(--is-status-50);
}

.status-40-fg {
	color: var(--is-status-40);
}

.status-badge {
	align-items: center;
	border-radius: var(--is-radius);
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 12px;
	padding: 3px 6px;
	text-decoration: none;
}

.status-badge:hover {
	opacity: 0.8;
	text-decoration: none;
}

.status-badge.status-10 {
	background-color: var(--is-status-10);
	color: var(--is-status-10-color);
}

.status-badge.status-20 {
	background-color: var(--is-status-20);
	color: var(--is-status-20-color);
}

.status-badge.status-40 {
	background-color: var(--is-status-40);
	color: var(--is-status-40-color);
}

.status-badge.status-50 {
	background-color: var(--is-status-50);
	color: var(--is-status-50-color);
}

.status-badge.status-60 {
	background-color: var(--is-status-60);
	color: var(--is-status-60-color);
}

.status-badge.status-70 {
	background-color: var(--is-status-70);
	color: var(--is-status-70-color);
}

.status-badge.status-80 {
	background-color: var(--is-status-80);
	color: var(--is-status-80-color);
}

.status-badge.status-90 {
	background-color: var(--is-status-90);
	color: var(--is-status-90-color);
}

.navbar-brand {
	background-image: url('/plugin_file.php?file=iService/iServiceLogo.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 25px;
	height: 40px !important;
	width: 200px;
}

.navbar-brand>span {
	display: none;
}

.skin-3 .navbar {
	background-color: #0A0909;
}

.skin-3 .sidebar {
	background-color: var(--secondary-color);
	border-color: transparent !important;
}

#bugnotes tbody {
	display: flex;
	flex-direction: column-reverse;
}

#bugnotes tbody tr {
	display: flex;
}

#bugnotes tbody tr td:last-child {
	flex: 1;
}

.is-ctools-preview .table-nonfluid,
#bugnotes .table-nonfluid {
	border: 1px solid var(--secondary-color);
}

.is-ctools-preview .table-nonfluid thead tr,
.is-ctools-preview .table-nonfluid tbody,
.is-ctools-preview .table-nonfluid tbody tr,
#bugnotes .table-nonfluid thead tr,
#bugnotes .table-nonfluid tbody,
#bugnotes .table-nonfluid tbody tr {
	display: revert;
}

.is-ctools-preview .table-nonfluid thead tr th:not(:last-child),
.is-ctools-preview .table-nonfluid tbody tr td:not(:last-child),
#bugnotes .table-nonfluid thead tr th:not(:last-child),
#bugnotes .table-nonfluid tbody tr td:not(:last-child) {
	border-right: 1px solid var(--secondary-color);
}

.skin-3 .nav-list>li {
	border-width: 0;
}

.skin-3 .nav-list>li>a {
	background-color: var(--secondary-color);
}

.nav-list>li::before {
	width: 0;
}

.skin-3 .nav-list li.active>a::before {
	border-color: transparent !important;
}

.skin-3 .nav-list>li.active,
.skin-3 .nav-list>li.active+li {
	border-color: transparent !important;
}

.skin-3 .nav-list>li.active.highlight>a,
.skin-3 .nav-list>li.active>a {
	background-color: var(--primary-color) !important;
	color: var(--text-color) !important;
}

.skin-3 .breadcrumbs {
	background-color: var(--breadcrump) !important;
	border-radius: 0;
	color: var(--breadcrump-text-color);
	margin: 0;
}

.skin-3 .breadcrumbs a {
	color: var(--breadcrump-text-color);
}

.widget-color-blue2 {
	border: 0;
}

.widget-color-blue2>.widget-header {
	background-color: var(--secondary-color) !important;
	color: var(--text-color) !important;
}

td.category,
th.category,
td.category label,
th.category label {
	background-color: var(--secondary-color) !important;
}

a {
	color: var(--link-color);
}

.skin-3 .nav-list>li.open,
.skin-3 .nav-list>li:hover {
	border: 0;
}

.skin-3 .nav-list>li:hover>a {
	color: var(--text-color) !important;
}

.widget-header .white {
	color: var(--text-color) !important;
}

#view-issue-page .bug-summary {
	background-color: var(--secondary-color) !important;
	font-size: 1.3em;
	font-weight: bold;
}

#view-issue-page .bug-summary.category {
	font-size: 1em;
}

.iservice-time-est {
	display: flex;
	gap: 4px;
}