html
{
	height: 100vh;
	background-color: #101214;

	--nearBlack:   #000204;
	--darkGrey:    #101214;
	--lightGrey:   #202224;
	--darkAccent:  #223344;
	--lightAccent: #557799;
	--textColor:   #999999;
	--textLight:   #DDDDDD;
	--textBright:  #FFFFFF;
	--linkColor:   #88AACC;
	--linkHover:   #AACCEE;

	scrollbar-color: #223344 #445566;
}
html::-webkit-scrollbar       { background: var(--lightGrey); }
html::-webkit-scrollbar-track { background: var(--lightGrey); }
html::-webkit-scrollbar-thumb { background-color: var(--lightAccent); }


body, body.login-layout, body.light-login
{
	font-family: "Open Sans", sans-serif;
	background-color: var(--darkGrey) !important;
	color: var(--textColor);
	height: 100vh;
	overflow-y: scroll;
}

a         { color: var(--linkColor); }
a:active  { color: var(--linkHover); }
a:hover   { color: var(--linkHover); }
a:visited { color: var(--linkColor); }

.white        { color: var(--textLight) !important; }
a.white:hover { color: var(--textBright) !important; }
.blue         { color: var(--lightAccent) !important; }

.scrollable-menu
{
	max-height:800px !important;
}

.navbar, .skin-3 .navbar { background-color: var(--darkAccent); border-bottom: 1px solid #000; }

.ace-nav      { border-left: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(255,255,255,0.1); }
.ace-nav > li { border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.3); }
.ace-nav > li:first-child { border-left-width: 1px; }

.nav > li > a, .nav > li.grey > a { color: var(--textLight); background: var(--darkAccent); }

.ace-nav > li.grey > a:focus,
.ace-nav > li.grey > a:hover,
.ace-nav > li.open.grey > a { background-color: var(--lightGrey); }

.dropdown-menu          { width: 100%; min-width: 150px; background-color: var(--lightGrey); border: 1px solid #000;}
.dropdown-menu a        { color: var(--textLight); }
.dropdown-menu .divider { background-color: rgba(255,255,255,0.1); }
.dropdown-menu .search  { color: var(--textLight); background-color: var(--lightGrey); }
.dropdown-menu.dropdown-close { top: calc(100% - 2px); }
.dropdown-menu.dropdown-menu-right { right: 0px !important; }

.dropdown-menu li > a { color: var(--textColor); }

.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(--lightAccent);
	color: var(--textBright);
}

.btn-primary,.btn-primary.focus,.btn-primary:focus { color: #FFF; background: #468 !important; border-color: #357 !important; }
.btn-primary.hover,.btn-primary:hover   { color: #FFF; background: #68A !important; border-color: #579 !important; }
.btn-primary.active,.btn-primary:active { color: #FFF; background: #68A !important; border-color: #579 !important; }

.nav-tabs                { border-color: rgba(255,255,255,0.2); }
.nav-tabs > li           { margin-right:10px; }
.nav-tabs > li > a       { color: var(--textColor); background: var(--lightGrey); border-color: rgba(255,255,255,0.2); }
.nav-tabs > li > a:hover { color: var(--textLight); background: var(--lightAccent); }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover
{
	color: var(--linkColor);
	background: var(--darkGrey) !important;
	box-shadow: inset 0px 4px 0px 0px var(--lightAccent);
	border-color: rgba(255,255,255,0.2);
	border-bottom: 1px solid var(--darkGrey);
	border-top: 2px solid var(--lightAccent);
}

.main-content,
.page-content,
.main-container,
.main-container:before,
.main-container.container:before,
.skin-3 .main-container:before
{
	background: var(--darkGrey);
}

.pager>li.disabled>a,
.pager>li.disabled>a:hover,
.pagination>li.disabled>a,
.pagination>li.disabled>a:hover
{
	background-color:#373737;
	border-color:#cf7116;
}

.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li.active>a:focus
{
	background-color:#cf7116;
	border-color:#cf7116;
}

.pager>li>a,.pagination>li>a
{
	background-color:#2d2d2d;
	border-color:#cf7116;
	color:#f0f0f0;
}

.pager>li>a:hover,.pagination>li>a:hover
{
	background-color:#e77d14;
	border-color:#cf7116;
	color:#f0f0f0;
}


.footer .footer-inner .footer-content
{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--nearBlack);
	border-top: 1px solid var(--lightAccent);
	box-shadow: 0 -2px 5px #000;
	z-index: 2000;
}

.label { background-color: var(--lightAccent); }

.label.arrowed-in:before, .label.arrowed:before { border-right-color: var(--lightAccent); }

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

.breadcrumbs, .skin-3 .breadcrumbs
{
	background-color: var(--lightGrey);
}

.breadcrumb>li, .breadcrumb>li.active { color: var(--textColor); }

.breadcrumb > li > a        { color: var(--linkColor); }
.breadcrumb > li > a:hover  { color: var(--linkHover); }
.breadcrumb > li > a:active { color: var(--linkHover); }

.breadcrumbs .nav-recent
{
	color:#bebebe !important;
}

.nav-search .nav-search-input
{
	background-color: var(--darkGrey);
	border-color: var(--lightAccent);
	color: var(--textColor);
}

.nav-search .nav-search-icon
{
	color: var(--lightAccent) !important;
}
.btn-group>.btn, .btn-group>.btn+.btn, .btn-group>.btn:first-child { margin-right: 3px; }

.btn.btn-white,
.btn.btn-white.no-hover:active,
.btn.btn-white.no-hover:hover
{
	color: var(--linkColor) !important;
	border-color: var(--darkAccent);
	background: var(--darkAccent) !important;
}

.btn-white.btn-primary.active,
.btn-white.btn-primary:active,
.btn-white.btn-primary:focus,
.btn-white.btn-primary:hover,
.open > .btn-white.btn-primary.active.dropdown-toggle,
.open > .btn-white.btn-primary.dropdown-toggle
{
	color: var(--textLight) !important;
	border-color: var(--darkAccent);
	background: var(--lightAccent) !important;
}

.btn.btn-bold, .btn.btn-round { border-bottom-width: 1px; }

.widget-box, .widget-main { border-color: var(--nearBlack); background: var(--lightGrey); }
.widget-box.widget-color-blue2 { border-color: var(--nearBlack); }

.widget-header                     { background-color: var(--nearBlack); border-color: rgba(0,0,0,0.5); }
.widget-color-blue2 .widget-header { background-color: var(--darkAccent); border-color: rgba(0,0,0,0.5); }

.widget-toolbox { background-color: var(--lightGrey); border-color: rgba(0,0,0,0.5); }

.widget-box .badge, .widget-box .label
{
	background-color: var(--lightAccent);
}

.widget-body
{
	background-color:#232323 !important;
	color:#d2d2d2 !important;
}

.table { background: var(--darkGrey) !important; }

.table-bordered { border-color: rgba(255,255,255,0.2) !important; }

.widget-body .table { border-top: 1px solid var(--darkAccent) !important; }

.widget-body .table a
{
}

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

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

.widget-body .table th
{
	background-color:#373737 !important;
	border-color:#232323 !important;
}

.widget-body .table th
{
	color:#e6e6e6 !important;
}

.widget-body .table td
{
	border-color:#232323 !important;
}

.widget-body .table thead
{
	background-color:#373737 !important;
}

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

.widget-body .table thead tr td
{
	background-color:#373737 !important;
	color:#e6e6e6 !important;
}

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

.widget-body .table-responsive
{
	background-color:#232323 !important;
	color:#fff !important;
}

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

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

.widget-body .table-striped>tbody>tr
{
	background-color:#232323 !important;
}

.widget-body .table-striped>tbody>tr:hover
{
	background-color:#373737 !important;
}

.widget-body .profile-activity
{
	border-color:#cf7116 !important;
}

.widget-body .profile-activity:hover
{
	background-color:#373737 !important;
}

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


.form-inline .input-sm
{
	background-color:#1e1e1e;
	border-color:#232323;
	color:#fff;
}

.form-control,.input-sm,input
{
	background-color:#1e1e1e;
	border-color:#232323;
	color:#fff;
}

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

.skin-3 .sidebar
{
	background-color: var(--nearBlack);
	border-color: var(--darkAccent);
}

.skin-3 .nav-list > li     { border-color: rgba(255,255,255,0.1); }
.skin-3 .nav-list > li > a { color: var(--lightAccent); background: transparent; }
.skin-3 .sidebar-toggle    { color: var(--lightAccent); border-color: rgba(255,255,255,0.1); background: transparent; }
.skin-3 .sidebar-toggle:before { border-color: var(--lightGrey); }

.skin-3 .nav-list > li.active.highlight > a,
.skin-3 .nav-list > li.active > a
{
	font-weight: normal;
    color: var(--linkColor) !important;
	background-color: var(--darkGrey) !important;
}
.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.active + li     { border-color: rgba(255,255,255,0.2) !important; }
.skin-3 .nav-list > li.active:before   { background-color: var(--lightAccent) !important; }
.skin-3 .nav-list li.active > a:before { top: 50%; transform: translateY(-50%); border-right-color: var(--lightAccent); }
.skin-3 .sidebar-toggle > .ace-icon    { color: var(--lightAccent); border-color: var(--lightAccent); background-color: var(--darkGray); }

.skin-3 .sidebar.menu-min .nav-list > li.active > a:before { top: 50%; transform: translateY(-50%); border-right-color: var(--lightAccent); }

.skin-3 .nav-list > li:hover { border-color: rgba(255,255,255,0.2) !important; }
.skin-3 .nav-list > li:hover > a { color: var(--linkColor); background-color: var(--darkAccent); }
.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text  { border-color: rgba(0,0,0,0.3); background-color: var(--darkAccent); box-shadow: 2px 0px 5px rgba(0,0,0,0.5); }
.skin-3 .sidebar.menu-min .nav-list>li.active>a>.menu-text { color: var(--darkGrey); border-color: rgba(0,0,0,0.3); background-color: var(--lightAccent); box-shadow: 2px 0px 5px rgba(0,0,0,0.5); }

.skin-3 .nav-list li > .arrow                              { top: 50%; transform: translateY(-50%); }
.skin-3 .nav-list li > .arrow:before                       { border-right-color: var(--darkAccent); }
.skin-3 .sidebar.menu-min .nav-list > li > .arrow:after    { border-right-color: var(--lightAccent); }

.well
{
	background-color:#505050 !important;
}

tr.spacer
{
	background-color:#1e1e1e !important;
}

td.category,
tr.bugnote .bugnote-note
{
	background-color:#2d2d2d !important;
	color:#fff !important;
}

td.bug-summary
{
	font-weight:bold;
	font-size:1.5em;
}

td.bug-description
{
	font-weight:bold;
	font-size:1.5em;
}

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

span.required
{
	color:#fff !important;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget *
{
	background-color:#1e1e1e !important;
	color:#fff !important;
}

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

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

input[type=checkbox].ace,input[type=checkbox].ace:checked
{
	opacity:1 !important;
}

input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
textarea:focus
{
	color: var(--textLight);
	background: var(--lightGrey);
	border-color: var(--lightAccent);
}