/* FONTS */
@font-face {
  font-family: 'Precisely-Black';
  src: url("../fonts/Precisely-Black.eot");
  src: url("../fonts/Precisely-Black#iefix") format("embedded-opentype"), url("../fonts/Precisely-Black.woff") format("woff"), url("../fonts/Precisely-Black.ttf") format("truetype"), url("../fonts/Precisely-Black.svg#Precisely-Black") format("svg"); }
@font-face {
  font-family: 'Precisely-ExtraBoldIt';
  src: url("../fonts/Precisely-ExtraBoldIt.eot");
  src: url("../fonts/Precisely-ExtraBoldIt?#iefix") format("embedded-opentype"), url("../fonts/Precisely-ExtraBoldIt.woff") format("woff"), url("../fonts/Precisely-ExtraBoldIt.ttf") format("truetype"), url("../fonts/Precisely-ExtraBoldIt.svg#Precisely-ExtraBoldIt") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Thin';
  src: url("../fonts/Precisely-Thin.eot");
  src: url("../fonts/Precisely-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Thin.woff") format("woff"), url("../fonts/Precisely-Thin.ttf") format("truetype"), url("../fonts/Precisely-Thin.svg#Precisely-Thin") format("svg"); }
@font-face {
  font-family: 'Precisely-Regular';
  src: url("../fonts/Precisely-Regular.eot");
  src: url("../fonts/Precisely-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Precisely-Regular.woff") format("woff"), url("../fonts/Precisely-Regular.ttf") format("truetype"), url("../fonts/Precisely-Regular.svg#Precisely-Regular") format("svg"); }
  
  @font-face {
  font-family: 'pbfont';
  src: url("../fonts/Precisely-Black.eot?-ugwrh6");
  src: url("../fonts/Precisely-Black.eot?#iefix-ugwrh6") format("embedded-opentype"), url("../fonts/Precisely-Black.woff?-ugwrh6") format("woff"), url("../fonts/Precisely-Black.ttf?-ugwrh6") format("truetype"), url("../fonts/Precisely-Black.svg?-ugwrh6#pbfont") format("svg");
  font-weight: normal;
  font-style: normal; }


  .glyphicon {
  line-height: 1.42857; }

HTML {
    height: 100%;
    background: #FFF;
}

BODY {
    background: transparent;
    padding: 0px 0px 0px 0px;
}

link, a {
  -webkit-transition: color linear 150ms;
  transition: color linear 150ms;
}

a {
	color: #8017E1;
	text-decoration: none;
}

a:focus {
	outline: none;
}
a:hover, a:focus {
  color: #8017E1 !important;
  text-decoration: underline;
}

SUP {
	font-size: 55%;
}

/* Button links */

.btn-link {
  color: #8017E1;
}

/* Lead */
.lead {
  font-size: 17px;
}

/* Page Header */
.page-header {
	padding: 0;
  margin: 20px 0;
}

h3{
  font-weight: bold;
}

h4{
  font-weight: bold;
}

#systemInfoLink {
  line-height: 30px;
}
.nav-tabs{
  margin-bottom: 20px;
}

.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus{
  background-color:#E6D1F9;
  color: #fff;
}

.navbar-nav>li>a{
  color:#AFA5B3;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus{
  background-color:#8017E1;
  color: #fff;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
  background-color:#E6D1F9;
  color: #fff;
}

.table-bordered {
  x-border-collapse: collapse;
}

.row-divider {
  background-color: #fff !important;
  border-left: none !important;
  border-right: 1px solid #fff;
  height: 20px;
}


/* Topnav */
.navbar {
  margin-bottom: 0px;
  border-radius: 0px;
}

.navbar-inner {
  background: #39006B; /* fallback color */
  background: linear-gradient(90deg, #39006B 0%, #39006B 40%, #39006B 45%, #39006B 100%);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  /*padding: 0px;*/
  border-radius: 0px;
  border: none;
  filter: none;
  box-shadow: none;
}

.navbar-brand.brand-text {
  font-family: "Precisely-Regular", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  line-height: 75px;
}

.navbar .nav>li>a{
  color: #fff;
  text-shadow: none;
}

.navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus{
  background-color: transparent;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle{
  background-color: transparent;
  color: #fff;
}

.navbar-brand {
  color: #fff;
}

/* LEFT TABS */
.tabbable {
}

.tabs-left {
	margin-top: 20px;
}
.tabs-left > .nav-tabs {
  border:none;
}

.tabs-left > .nav-tabs > li {
	margin-bottom: 0px;
}

.tabs-left > .nav-tabs > li > a > h5 {
  font-weight: normal;
}

.tabs-left > .nav-tabs > li > a {
  border-radius: 0px;
  margin: 0px;
  padding: 10px 10px 10px 10;
	color: #666;
  border-right: solid 1px #dddddd;
	cursor: pointer;
}

.tabs-left > .nav-tabs > li > a.nav-padded {
	padding-top: 18px;
	padding-bottom: 19px;
}

.tabs-left > .nav-tabs > li > a.first,
.tabs-left > .nav-tabs > li > a.first:hover,
.tabs-left > .nav-tabs > li > a.first:focus {
  x-border-radius: 8px 0px 0px 0px;
	x-border-top: none;
}


.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  color: #39006B;
  background: #fff;
  border-right: solid 1px #dddddd;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav-tabs > li > a {
  color: #8C848F;
  cursor: default;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #39006B;
	cursor: pointer;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #39006B;
  cursor: default;
}

.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  color: #39006B;
  background: #fff;
}

.nav-tabs > li > a > h5 > i {
  font-size: 1.45em;
}

.nav-tabs > li > a > h4{
  font-size: 14px;
  padding: 0px;
  margin: 0px;
}

#main-content {
  background: #fff;
}

#main-content > .tab-pane {
  padding: 0px 0px 20px 0px;
}

/* HOME THUMBNAILS */
#home-links A.thumbnail {
  text-align: center;
  background: #39006B;
  border: none;
  color: #fff;
  padding: 10px;
}
#home-links A.thumbnail:hover {
  text-decoration: none;
  background: #8017E1;
  box-shadow: none;
}
#home-links I {
  font-size: 70px;
}

/* ACCORDION */
.accordion-group {
	margin-bottom: 15px;
}
.accordion-heading {
	x-background-color: #CAC6CE;
	padding: 0px 0px 0px 15px;
}
.accordion-heading .accordion-toggle{
  padding: 0px;
}
.accordion-heading .accordion-toggle h4{
  font-size: 14px;
}


.accordion-inner {
	border-top: none;
}

.accordion-toggle,
.accordion-toggle.active {
	color: #8017E1;
}

.accordion-toggle:hover,
.accordion-toggle:focus {
	color: #39006B;
  text-decoration:none;

}

.accordion-toggle h4 i {
	width: 9px;
	display: inline-block;
}


element.style {
  height: auto;
}
.collapse.in {
  height: auto;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -moz-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}
user agent stylesheet
div {
  display: block;
}

/*styles to override the design system styles for links in the expanded cards. The links should now appear white on hover.*/

.panel.category-widget .panel-body a:focus {
  color:#8017E1;}

.panel.category-widget:hover .panel-body a {
  color: hsla(0,0%,100%,.8);}

.panel.category-widget .panel-body a:hover, .panel.category-widget:hover .panel-body a:focus {
  color: hsla(0,0%,100%,.8) !important;}

/*styles to target svg icons on cards.*/

.panel.category-widget .panel-body svg {
  height: 70px;
  width: 70px;
  fill:#8017E1;}

.panel.category-widget:hover .panel-body svg {
  fill:#ffffff;}
