/* Default header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #537D8E ;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #537D8E;
}
.subheader {
  color: #537D8E ;
}
a {
  color: #537D8E ;
}
a:hover,
a:focus {
  color: #537D8E;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  box-shadow: 0 0 10px #537D8E ;
  border-color: #537D8E ;
  background: #fafafa;
  color: #000;
}
.quickSearchText:focus {
  box-shadow: 0 0 10px #537D8E  !important;
  border-color: #537D8E  !important;
}
.signInPage .contactInfo {
  color: #000;
  font-size: 1rem;
}
.signInPage .index-sign-in {
  background-color: #537D8E ;
}
.signInPage .index-sign-in input[type="text"] {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #D7DFE1;
  color: #fff;
}
.signInPage .index-sign-in input[type="text"]:focus,
.signInPage .index-sign-in input[type="password"]:focus {
  box-shadow: 0 0 10px #D7DFE1;
  border-color: #537D8E ;
  background: #fafafa;
  color: #000;
}
.signInPage .index-sign-in input[type="password"] {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #D7DFE1;
  color: #fff;
}
.signInPage .index-sign-in ::-webkit-input-placeholder {
  color: #fff;
}
.signInPage .index-sign-in :-moz-placeholder {
  color: #fff;
}
.signInPage .index-sign-in ::-moz-placeholder {
  color: #fff;
}
.signInPage .index-sign-in :-ms-input-placeholder {
  color: #fff;
}
/* shadow around the policy,account,actitvity log, etc */
article.environment .bodyContainer {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.6), inset 0 0 2rem #686361 !important;
  position: relative;
}
/* background color i want to menu */
aside .iWantToMenuContainer {
  background-color: #537D8E ;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 8px 4px 4px;
  box-shadow: 0 2px 0 #686361, 0 -1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.6);
}
/* background image i want to menu - removed for customer colors */
aside .iWantToMenu {
  background: none;
}
/* i want to menu separator background color */
aside .iWantToMenu .containerMenuItem li.separatorMenuItem {
  background-color: #537D8E /*padding: 0.8rem 5px;*/;
}
/* policy shadow box around policy */
.environment .bodyContainer.hasTabs .policyTabs .is-active a {
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0.6rem rgba(95, 95, 95, 0.8);
}
.top-bar-context.environment {
  background-color: #D7DFE1 !important;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(255, 255, 255, 0.1), 0 2px 0.2rem rgba(0, 0, 0, 0.1);
  color: #003B49 !important;
}
/* CUSTOMIZE FOR EACH WYO - buttons on  modal dialog */
.button {
  background-color: #537D8E ;
}
/* CUSTOMIZE FOR EACH WYO - buttons focus on  modal dialog */
.button:hover,
.button:focus {
  background-color: #537D8E ;
  color: #fefefe;
}
/* the buttons on the page */
.button.secondary {
  color: #000000;
}
/* the main menu text color */
.dropdown.menu .is-active > a {
  background: transparent;
  color: #fff;
}
/* the main menu text color selected */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
  color: #fff;
}
/* CUSTOMIZE FOR EACH WYO - footer back to top */
footer #back-to-top {
  background-color: #537D8E ;
}
/* the area with flood chat, help, sign-in text color */
.infoBar a {
  color: #5f5f5f;
  color: #537D8E;
}
.infoBar {
  color: #22051C;
}
.infoBar a:hover,
.infoBar a:focus {
  color: #537D8E ;
}
/* CUSTOMIZE FOR EACH WYO - Menu bar set color */
.mainMenu {
  background: #537D8E ;
}
/* Menu bar set color */
.mainMenu .submenu {
  background-image: none;
  background-color: #537D8E ;
}
/* Sub-Menu bar set color */
.mainMenu .submenu li {
  background: none;
  background-color: #537D8E ;
}
/* pop up upload modal dialog remove the default background */
.modalDialogExternal .title-bar-container {
  background-image: none;
}
/* pop up upload modal dialog Title */
.modalDialogExternal .title-bar {
  background: none;
}
/* CUSTOMIZE FOR EACH WYO - pop up upload modal dialog title remove the default background and set color*/
.modalDialogExternal .title-bar-container {
  background-image: none;
  background-color: #537D8E ;
}
/* pop up upload modal dialog set the padding so text will sit in the dialog */
.uploadFileRegion {
  padding: 20px 10px 10px 10px;
  padding-top: 20px;
}
.uploadDocumentPage .uploadFileRegion {
  padding: 20px 10px 10px 10px;
  padding-top: 20px;
}
.uploadDocumentPage .uploadFileRegion .hover {
  border-color: #537D8E ;
}
/* Menu bar remove the default image */
.title-bar.mobile {
  background-image: none;
}
/* Menu bar remove the default image */
.title-bar.mobile .title-bar-container {
  background: none;
}
.title-bar.infoBar .mainMenuQuickSearch .quickSearchSubmitBtn {
  color: #537D8E ;
  font-size: 1.2rem;
}
.title-bar.infoBar .mainMenuQuickSearch .quickSearchText {
  border-color: #537D8E  !important;
}
.top-bar-context.environment .dropdown-pane {
  background-color: #D7DFE1 !important;
}
/* The dark gray bar below the menu with breadcrumb */
.top-bar-context {
  background-color: #D7DFE1 !important;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(255, 255, 255, 0.1), 0 2px 0.2rem rgba(0, 0, 0, 0.1);
}
.top-bar-context nav.breadcrumb .is-selected > a {
  background-color: #003B49;
  border-bottom: 1px solid #003B49;
  border-radius: 0.3rem 0.3rem 0 0;
  color: #D7DFE1;
  margin-bottom: -1px;
}
.top-bar-context nav.breadcrumb a,
.top-bar-context nav.breadcrumb .is-active a {
  color: #5F5F5F;
}
.top-bar-context nav.breadcrumb li:not(.is-selected) a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #003B49;
}
.top-bar-context nav.breadcrumb .is-dropdown-submenu {
  background-color: #D7DFE1;
}
.top-bar-context nav.breadcrumb .is-selected > a {
  color: #D7DFE1 !important;
}
.top-bar-context nav.breadcrumb .is-selected {
  color: #D7DFE1 !important;
}
/* when you hover over text what color the text changes to */
.top-bar a:hover {
  color: #cacaca;
}
/* alter the colors for the search box on main page */
.dashboardQuickSearchControl .dashboardQuickSearch input[type='text'] {
  background-color: #fefefe;
  border: solid 2px #537D8E ;
}
.dashboardQuickSearchControl .dashboardQuickSearch .filters li .selected,
.dashboardQuickSearchControl .dashboardQuickSearch .filters li .selected:hover {
  background-color: #537D8E ;
  border: solid 2px #537D8E ;
}
.dashboardQuickSearchControl .dashboardQuickSearch .quickSearchSubmitBtn {
  color: #537D8E ;
}
.searchPage .searchCriteriaContainer .dashboardQuickSearch input[type='text'] {
  border: solid 2px #537D8E ;
}
.searchPage .searchCriteriaContainer .dashboardQuickSearch .quickSearchSubmitBtn {
  color: #537D8E ;
}
/*Prototype layout theming*/
.protoTypeAside {
  background-color: #537D8E;
}
.protoTypeAside .proto-menu-title {
  color: white;
}
.protoTypeAside .protoTypeLeftMenuCollapseButton {
  color: white;
}
.protoTypeAside .protoTypeiWantToMenu .containerMenuItem li,
.protoTypeAside .protoTypeiWantToMenu .containerMenuItem a {
  color: white;
}
.protoTypeAside .protoTypeiWantToMenu .containerMenuItem li:hover,
.protoTypeAside .protoTypeiWantToMenu .containerMenuItem a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}