/*** a comment starting and ending with *** like this marks a section of
related/grouped rules ***/
/** a comment starting and ending with ** like this is for a subsection of
grouped rules **/
/* a comment starting and ending with * like this is something specific to the
rule(s) it is closest to */

/******** this file assumes/requires bootstrap.min.css then jquery-ui.css before */

label{font-weight:normal;}
/* bs4 logic for disabled */
.btn.disabled,
.btn:disabled,
.btn.disabled:focus,
.btn:disabled:focus,
.btn.disabled:active,
.btn:disabled:active {
	opacity: 0.65;
	cursor:default;
}

/*** color hex:7571b4 (purple) -> hex:26637f (medium blue) RGB(38,99,127) HSB(199,70%,50%)

purple base color 7571b4 -> 26637f hsl(199, 54%, 32%), swatch #3 in Main-Color-Pallet.png medium blue

* btn-primary
	background: 26637f	hsl ( 199, 54%, 32% )
	border: 20526a			hsl ( 199, 54%, 27% ) - minus 5 lum
	:hover
	background: 1c495e	hsl ( 199, 54%, 24% ) - minus 8 lum
	border: 122e3b			hsl ( 199, 54%, 15%, ) - minus 17 lum

hex:55519c is/was background-color for dropdown-toggle in bootstrap.min.css, also change to hex:26637f
*/

a, .text-primary, .btn-link  {
	color: #26637f;
	color: hsla(199, 54%, 32%, 1);
}
.navbar-inverse .navbar-brand{
	color: #33beff;
	color: hsla(199, 100%, 60%, 1);
}
a:hover, a:focus {
	color: #153747;
	color: hsla(199, 54%, 18%, 1);
	text-decoration: underline;
}

.btn-primary {
	color: #ffffff;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active
{
	background-color: #26637f;
	background-color: hsla(199, 54%, 32%, 1);
	border-color: #20526a;
	border-color: hsla(199, 54%, 27%, 1);
}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus
{
	color: #ffffff;
	background-color: #26637f;
	background-color: hsla(199, 54%, 32%, 1);
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #eeeeee;
	border-color: #26637f;
	border-color: hsla(199, 54%, 32%, 1);
}

.nav .caret {
	border-top-color: #26637f;
	border-top-color: hsla(199, 54%, 32%, 1);
	border-bottom-color: #26637f;
	border-bottom-color: hsla(199, 54%, 32%, 1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary > .panel-heading,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus
 {
	color: #ffffff;
	background-color: #1c495e;
	background-color: hsla(199, 54%, 24%, 1);
	border-color: #122e3b;
	border-color: hsla(199, 54%, 15%, 1);
}
.panel-heading a:hover, .panel-heading a:focus{
	color:#FFF;
}
.label-primary {
	background-color: #26637f;
	background-color: hsla(199, 54%, 32%, 1);
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	color: #26637f;
	color: hsla(199, 54%, 32%, 1);
	background-color: #ffffff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
.panel-primary
{
	border-color: #26637f;
	border-color: hsla(199, 54%, 32%, 1);
}

.progress-bar {
	color: #ffffff;
	background-color: #26637f;
	background-color: hsla(199, 54%, 32%, 1);
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #26637f;
	border-top-color: hsla(199, 54%, 32%, 1);
}
.panel-primary > .panel-heading > .dropdown .caret {
	border-color: #ffffff transparent;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #26637f;
	border-bottom-color: hsla(199, 54%, 32%, 1);
}

.navbar-inverse .navbar-nav>li:not(.active):hover+li.active>a,
.navbar-inverse .navbar-nav>li.open+li.active>a,
.navbar-inverse .navbar-nav>li:not(.active):hover+li.active>a:hover,
.navbar-inverse .navbar-nav>li.open+li.active>a:hover,
.navbar-inverse .navbar-nav>li:not(.active):hover+li.active>a:focus,
.navbar-inverse .navbar-nav>li.open+li.active>a:focus {
	border-left:1px solid #26637f;
	border-left:1px solid hsla(199, 54%, 32%, 1);
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	color:#fff;
	background-color:#26637f;
	background-color:hsla(199, 54%, 32%, 1);
	border-right:1px solid #1e3039;
	border-right:1px solid hsla(199, 31%, 17%, 1);
	border-left:1px solid #1e3039;
	border-left:1px solid hsla(199, 31%, 17%, 1);
}

.navbar-inverse .navbar-nav>li:last-child.active>a {
	border-right:1px solid #26637f;
	border-right:1px solid hsla(199, 31%, 17%, 1);
}
/*.navbar-inverse .navbar-nav>li:last-child.active>a {
	border-right: 1px solid #55519c;
}*/




/*** color hex:678AAC (bluish-grey) -> hex:ea9942 (orange)
	hex:678AAC is/was background-color for left menu highlight/active/selected of subconcepts

blue-grey base color 678aac -> ea9942 hsl(31, 80%, 59%), swatch #6 in Main-Color-Pallet.png orange

* btn-info
	background: ea9942	hsl ( 31, 80%, 59% )
	border: e88d2c			hsl ( 31, 80%, 54% ) - minus 5 lum
	:hover
	background: e6851e	hsl ( 31, 80%, 51% ) - minus 8 lum
	border: c16e15			hsl ( 31, 80%, 42% ) - minus 17 lum

color hex:466c91 is/was background-color of top nav bar username hover, close enough to change this to orange too
color hex:587da1;
*/

.btn-info {
 color: #ffffff;
 /*looks like we didn't follow bs logic on these so disabling vs2018.05.30*/
 background-color: #ea4242;
 background-color: hsla( 31, 80%, 54%, 1 );
 border-color: #e88d2c;
 border-color: hsla( 31, 80%, 54%, 1 );
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #e6851e;
	background-color: hsla( 31, 80%, 51%, 1 );
	border-color: #c16e15;
	border-color: hsla( 31, 80%, 51%, 1 );
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
 background-color: #ea9942;
 background-color: hsla(31, 80%, 59%, 1);
 border-color: #587da1;
 border-color: hsla( 199, 54%, 27%, 1 );
}
.label-info, .progress-bar-info {
 background-color: #ea9942;
 background-color: hsla(31, 80%, 59%, 1);
}

.btn-info .badge {
	color:#ea9942;
	color:hsla(31, 80%, 59%, 1);
	background-color:#fff
}
.panel-body-toc ul li.active a {
	 background-color: #ea9942;
	 background-color: hsla(31, 80%, 59%, 1);
	 /*contrast fail if white text*/
	 color:#000000;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #eee;
}


.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus{
	color:#000;
	background-color:#ea9942;
	background-color:hsla(31, 80%, 59%, 1);
	border-right:1px solid #1a130c;
	border-right:1px solid hsla(30, 37%, 7%, 1);
	border-left:1px solid #1a130c;
	border-left:1px solid hsla(30, 37%, 7%, 1);
}
.navbar-inverse .navbar-nav>li>a:hover .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

.navbar-inverse .navbar-nav>li:not(.active):not(.static):last-child:hover>a {
	border-right:1px solid #ea9942;
	border-right:1px solid hsla(31, 80%, 59%, 1);
}


.navbar-inverse .navbar-nav>.active+li:not(.active):hover>a,
.navbar-inverse .navbar-nav>.active+li.open>a,
.navbar-inverse .navbar-nav>.active+li:not(.active):hover>a:hover,
.navbar-inverse .navbar-nav>.active+li.open>a:hover,
.navbar-inverse .navbar-nav>.active+li:not(.active):hover>a:focus,
.navbar-inverse .navbar-nav>.active+li.open>a:focus {
	border-left:1px solid #ea9942;
	border-left:1px solid hsla(31, 80%, 59%, 1);
}


.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus
{
	color:#000;
	background-color:#ea9942;
	background-color:hsla(31, 80%, 59%, 1);
}


/*** btn-success (greenish) background-color 64b095 & border-color 55a689

greenish base color 64b095 -> 50aeb0 hsl(181, 38%, 50%), swatch #5 in Main-Color-Pallet.png teal
* btn-success
	background: 50aeb0	hsla (181, 38%, 50%, 1)
	border: 479d9e			hsla (181, 38%%, 45%, 1) - minus 5 lum
	:hover
	background: 429294	hsla (181, 38%%, 42%, 1) - minus 8 lum
	border: 347374			hsla (181, 38%%, 33%, 1) - minus 17 lum

*/

.btn-success {
	color: #fff;
	background-color: #50aeb0;
	background-color: hsla(181, 38%, 50%, 1);
	border-color: #479d9e;
	border-color: hsla(181, 38%%, 45%, 1);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #429294;
	background-color: hsla(181, 38%%, 42%, 1);
	border-color: #347374;
	border-color: hsla(181, 38%%, 33%, 1);
}


/*** btn-warning */
.btn-warning {
  color: #ffffff;
  background-color: #795016;
  border-color: #7a603b;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #795016;
  border-color: #7a603b;
}
.label-warning {
  background-color: #795016;
}
.progress-bar-warning {
  background-color: #795016;
}
/* hover state */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #795016;
  border-color: #7a603b;
}