:root
{
	--bg-color:             #22252a;
	--secondary-bg-color:   #202020;
	--fg-color:             white;
	--accent-color:         orange;
}

body,
html
{
	background-color: var( --bg-color ) !important
}

.navbar
{
	background-color: #323232 !important
}

.nav-tabs > li.active > a
{
	border-top: 2px solid var( --accent-color ) !important
}

.nav-tabs a
{
	background-color: #2d3035 !important;
	color:            var( --fg-color ) !important;
}

.nav-tabs > li > a
{
	border:        1px solid #2d3035;
	border-radius: 4px 4px 0 0;
}

.nav-tabs a:hover
{
	background-color: var( --secondary-bg-color ) !important;
	color:            #fafafa !important
}

.nav-tabs > li > a:hover
{
	background-color: #fff;
	color:            #4c8fbd;
	border-color:     var( --secondary-bg-color );
}

.nav-list:hover,
.skin-3 .nav-list > li:hover,
.skin-3 .nav-list > li > a:hover,
.skin-3 .nav-list > li.active > a:hover,
.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.active + li
{
	border-color: var( --secondary-bg-color ) !important;
}

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

.dropdown-toggle:hover
{
	background-color: var( --secondary-bg-color ) !important
}

.dropdown-menu,
.menu-min .menu-text,
.skin-3 .infobox-container .infobox:not(.infobox-dark), .skin-3 .nav-list li.active > a::before
{
	background-color: #2d3035 !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: var( --accent-color ) !important;
	color:            #f0f0f0 !important
}

.ace-nav > li
{
	border-left: 0 solid #e1e1e1 !important;
}

.btn.btn-white, .btn-primary, .btn.btn-white.btn-primary
{
	background-color: #5b626f !important;
	border-color:     transparent !important;
	color:            #fafafa !important;
}

.btn.btn-white.active,
.btn-primary.active,
.btn.btn-white.btn-primary.active,
.btn.btn-white:hover,
.btn-primary:hover,
.btn.btn-white.btn-primary:hover
{
	background-color: #32363c !important;
}

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

.skin-3 .nav-list > li > a:hover, .skin-3 .nav-list > li.active > a:hover
{
	border-color: var( --secondary-bg-color ) !important;
}

.main-content, .page-content, .main-container, .main-container:before, .main-container.container:before, .skin-3 .main-container:before
{
	background:       var( --bg-color ) !important;
}

.footer
{
	color: #ccc;
}

.footer-content
{
	background-color: #282828 !important;
	border-top:       1px dotted var( --accent-color ) !important
}

.label
{
	background-color: var( --accent-color ) !important;
	color:            var( --fg-color );
	padding:          3px 10px;
}

.label:before
{
	border-right-color: var( --accent-color ) !important
}

.label.arrowed-in-right:after
{
	border-color:       var( --accent-color ) !important;
	border-right-color: transparent !important
}

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

.breadcrumbs a,
.breadcrumb > li,
.breadcrumb > li.active,
.breadcrumbs .nav-search-icon
{
	color: var( --fg-color ) !important
}

.breadcrumbs .nav-recent
{
	color:   var( --accent-color ) !important;
}

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

.widget-header
{
	background-color: #5f5f70 !important;
	border-color:     #5f5f70 !important
}

.widget-header .white:hover
{
	color: #1f2226 !important
}

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

.widget-box, .widget-main
{
	background-color: #26282d !important;
	border:           0 transparent !important;
}

.table
{
	background-color: inherit !important
}

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

.widget-body,
.widget-main
{
	background-color: transparent !important;
	color:            var( --fg-color ) !important
}

.widget-body .table a,
.widget-main .table a
{
	color:       var( --accent-color ) !important;
	font-weight: bold;
}

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

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

.widget-body .table th,
.widget-main .table th
{
	background-color: #2d3035 !important;
	color:            var( --fg-color ) !important;
	border:           0 #fff !important;
}

.widget-body .table,
.widget-main .table
{
	background-color: #2d3035 !important;
	color:            var( --fg-color ) !important;
	border:           0 #fff !important;
}

.widget-body .table-striped > tbody > tr,
.widget-main .table-striped > tbody > tr
{
	background-color: var( --bg-color ) !important;
}

.table-bordered > tbody > tr > td,
.widget-body .table td,
.widget-main .table td
{
	border: 1px solid #3c3c3c !important
}

.widget-body .table thead,
.widget-main .table thead
{
	background-color: #505050 !important
}

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

.widget-body .table thead tr td,
.widget-main .table thead tr td
{
	background-color: #292b2f !important;
	border-bottom:    1px solid #2d3035 !important;
	color:            var( --fg-color ) !important;
}

.buglist-headers
{
	border-bottom: 1px solid silver !important;
}

.widget-body .fa-pencil,
.widget-main .fa-pencil
{
	color: #d2d2d2 !important
}

.widget-body .table-responsive,
.widget-main .table-responsive
{
	background-color: #fff !important;
	color:            #4a4a4a !important
}

.widget-body .table-striped > tbody > tr:nth-of-type(odd),
.widget-main .table-striped > tbody > tr:nth-of-type(odd)
{
	background-color: transparent !important
}

.widget-body .table-striped > tbody > tr:hover,
.widget-main .table-striped > tbody > tr:hover
{
	background-color: #42454a !important
}

.widget-body .profile-activity,
.widget-main .profile-activity
{
	border-color: transparent !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;
}

.widget-toolbox
{
	background-color: var( --secondary-bg-color ) !important;
	border:           0 transparent !important;
}

.table-hover > tbody > tr.spacer:hover
{
	background-color: #ccc !important
}

.btn-toolbar
{
	padding:          10px 0 !important;
	background-color: transparent !important
}

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

select
{
	background-color: #505050 !important;
	color:            #e6e6e6 !important
}

.skin-3 .sidebar
{
	background-color: #2d3035 !important;
	border-color:     #2d3035 !important;
	border-width:     0 0 0 0 !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;
}

.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: #3c3c3c !important;
}

.nav-list a:hover, .skin-3 .nav-list > li a:hover, .skin-3 .nav-list > li > a a:hover, .skin-3 .nav-list > li.active > a a:hover
{
	background-color: #bbb !important;
	border-color:     #bbb !important;
	color:            var( --fg-color );
}

.nav-list a:hover .menu-text,
.nav-list a:hover .menu-icon
{
	color:            var( --accent-color ) !important;
}

.nav-list li.active > a:before, .skin-3 .nav-list > li li.active > a:before, .skin-3 .nav-list > li > a li.active > a:before, .skin-3 .nav-list > li.active > a li.active > a:before
{
	color:              rgba(0, 0, 0, 0) !important;
	border-right-color: var( --accent-color ) !important
}

.nav-list > li:before,
.nav-list > li:after,
.skin-3 .nav-list > li > li:before,
.skin-3 .nav-list > li > li:after,
.skin-3 .nav-list > li > a > li:before,
.skin-3 .nav-list > li > a > li:after,
.skin-3 .nav-list > li.active > a > li:before,
.skin-3 .nav-list > li.active > a > li:after,
.skin-3 .nav-list > li.open:before,
.skin-3 .nav-list > li:hover:before,
.skin-3 .nav-list > li.active:before,
.skin-3 .nav-list > li.active + li:before
{
	background-color: var( --accent-color ) !important
}

.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text
{
	border-color: #505050 !important
}

.skin-3 .nav-list > li.active, .skin-3 .nav-list > li.active + li
{
	border-color: var( --secondary-bg-color ) !important;
}

.skin-3 .nav-list > li:hover + li
{
	border-top-color: black !important
}

.menu-icon
{
	color: #4a4a4a !important
}

.arrow
{
	z-index:          -1;
	background-color: transparent !important
}

.arrow::after
{
	border-right-color: var( --accent-color ) !important
}

.menu-text
{
	color:            var( --fg-color ) !important;
}

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

.sidebar-toggle > .ace-icon, .skin-3 .sidebar-toggle > .ace-icon
{
	background-color: var( --secondary-bg-color ) !important;
	border-color:     var( --accent-color ) !important;
	color:            var( --accent-color ) !important
}

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

.well
{
	background-color: #646464 !important;
	color:            var( --fg-color );
}

.color-global
{
	background-color: #4a4a4a;
}

tr.spacer
{
	background-color: var( --bg-color ) !important;
}

td.category, tr.bugnote .bugnote-note
{
	background-color: var( --bg-color ) !important;
	color:            #b1b1b1 !important;
}

td.bug-tags, label.inline.small
{
	color: grey
}

span.required
{
	color:     #bb0000 !important
}

.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget *
{
	background-color: #323232 !important;
	color:            var( --fg-color ) !important
}

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

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

.widget-color-blue2 > .widget-header
{
	border:           0 !important;
	background-color: #2d3035 !important;
	color:            var( --fg-color ) !important;
	border-bottom:    1px solid var( --bg-color ) !important;
}

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

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

.profile-activity .thumbicon
{
	border-radius: 100% !important;
}

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

.nav-list > li.active > a
{
	font-weight: inherit !important;
}

a
{
	color: var( --accent-color ) !important;
}

.ace-nav > li.grey > a
{
	color: var( --fg-color ) !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	background-color: #2d3035 !important;
	color:            var( --fg-color ) !important;
}

.nav-tabs > li.active > a
{
	border-color: var( --accent-color ) #2d3035 transparent !important;
}

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

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

.form-control,
.input-sm,
input,
.form-inline .input-sm,
textarea.form-control,
input.form-control,
.dropzone
{
	background-color: var( --bg-color ) !important;
	color:            var( --fg-color ) !important;
	border:           1px solid var( --bg-color ) !important;
}

input[type="file"]
{
	padding: 10px;
}

.small-caption
{
	font-size: 9pt;
}

a i
{
	color: #bbb !important;
}

.lead
{
	font-size: 1.1em;
}

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

.white
{
	color: var( --fg-color ) !important;
}

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

.widget-title .badge
{
	margin: 0 0 0 10px !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: var( --secondary-bg-color ) !important;
	border-color:     var( --secondary-bg-color ) !important;
}

.sidebar.compact .nav-list > li > a > .menu-icon
{
	color: var( --fg-color ) !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;
}

.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;
}

.ace-nav > li > a > .ace-icon,
.navbar .navbar-brand
{
	color: var( --fg-color ) !important;
}

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

.page-header h1
{
	color: #4a4a4a;
}

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

.pager > li > a,
.pagination > li > a
{
	background-color: #282828 !important;
	border-color:     #434343 !important;
}

.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover
{
	color:	#4a4a4a !important;
}

.table-hover > tbody > tr:hover 
{
	background-color: #626262;
}