:root {

--white:#ffffff;
--black:#000000;

--grey-lt1:#f5f5f5;
--grey-lt2:#e8e8e8;
--grey-lt3:#dedede;
--grey-lt4:#e3e3e3;

--grey-mid1:#bfbfbf;
--grey-mid2:#224177;
--grey-mid3:#0b2655;
--grey-mid4:#cccccc;
--grey-mid5:#bbbbbb;
--grey-mid6:#999999;
--grey-mid7:#888888;

--grey-dk1:#3b5d99;
--grey-dk2:#555555;
--grey-dk3:#333333;
--grey-dk4:#222222;

--critical-color:#A11;

--background-alt:var(--grey-mid2);

--prime-button-color:var(--grey-dk1);
--second-button-color:var(--grey-lt2);
--critical-button-color:#A11;

--minor-text:var(--grey-dk2);

--odd-rows:var(--grey-lt4);
--even-rows:var(--grey-lt1);
--hover-rows:var(--grey-mid1);

--navbar:var(--grey-mid3);
--header:var(--grey-lt3);

--login-forms:var(--grey-lt3);

--tag:var(--grey-lt1);

--code-blocks:#BBEEFF;

--default-borders:var(--grey-mid1);
--field-borders:var(--grey-mid5);
--field-border-focus:var(--grey-mid6);

--link-color:#000000;
--link-focus-color:#0c547d;

--sub-menu-link-hover:var(--link-focus-color);

}

.navbar-fixed-top
{
border-top: 2px solid #b5b5b5;
}

.navbar-default .navbar-nav>li>a
{
color:#FFF !important;
}

.dropdown-menu>li>a
{
color:#FFF !important;
}

.dropdown-menu>li>a IMG
{
filter:invert(1) !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
background-color:#2e4e84;
}

.dropdown-menu .divider
{
background-color:rgba(255,255,255,0.15);
}

@media (max-width: 767px)
{
	.navbar-fixed-top .navbar-collapse
	{
	background-color:#0b2655;
	}

	.navbar-fixed-top .navbar-collapse IMG
	{
	filter:invert(1) !important;
	}
}

.navbar-brand>IMG
{
clip-path: inset(0% 70% 0% 0%);
}

.navbar-brand
{
background:transparent url(logo-invert.png) center center no-repeat;
background-size:auto 32px;
}

.navbar-default .navbar-toggle
{
color:#FFF;
}

HEADER
{
top:54px;
line-height:27px;
}

.input-group-addon
{
background-color:#e3e3e3;
}

#pg-search #articles TBODY TD:nth-child(1) IMG
{
filter:greyscale(1);
}

.btn-second:hover,
.btn-second:focus
{
filter:brightness(1);
border:1px solid rgb(209 209 209 / 80%);
}

.hootdown-toolbar
{
background-color:var(--header);
}

.hootdown-toolbar SPAN:hover,
.hootdown-toolbar SPAN:focus
{
background-color:#BBB;
}

.navbar-fixed-top .navbar-collapse.in
{
border-bottom: 2px solid var(--link-focus-color);
box-shadow: 0px 5px 7px 2px rgb(0 0 0 / 18%);
}

.navbar-fixed-top .navbar-toggle:hover,
.navbar-fixed-top .navbar-toggle:focus
{
background-color: rgba(255,255,255,0.6);
}

#pg-article .buttons A:hover IMG
{
filter: invert(48%) sepia(79%) saturate(2435%) hue-rotate(201deg) brightness(62%) contrast(139%);
}

#brief
{
background-color:var(--black);
}

#progrbn SPAN
{
background-color:#ffeda7;
}