@charset "utf-8";
body {
  background-color: #fff;
}
* {
  font-family: 'Oswald', 'Arial';
}

/* Widgets */
a.button:hover,
a.button:visited,
.button {
  color: #fff;
  background: rgb(0, 47, 108) left top repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
  -webkit-box-shadow: none;
}
/*  Allows Cancel button on the provider search modal to be same width as other buttons*/
#providerSearch.genericModal .button {
  display: block;
  float: none;
}

/* Links */
a,
a:visited,
a:hover {
  color: rgb(0, 47, 108);
}

.required span,
#alterReason h2 em.required {
  color: #cc0000;
}

/* Tables */
table {
  border-top: 1px solid rgb(0, 47, 108);
}
table td,
table th {
  border-bottom: 1px solid rgb(0, 47, 108);
}
table th {
  color: #fff;
  background: #535353;
}

/* Member Bar */
#memberBar {
  width: 51%;
  border: none;
}
#memberBar,
#headerBar,
#tabs {
  border-bottom: none;
}
#memberBar {
  background-color: #ffffff;
  text-shadow: 0 -1px 0px #333333;
}
#memberBar .logoHolder h1 {
  height: 50px;
  background: transparent url('/images/mobile/bmchp/bmchpLogo.png') left top
    no-repeat;
  background-size: contain;
}
#memberBar a,
#memberBar a:hover,
#memberBar a:visited {
  color: #fff;
}
#memberBar #memberGreeting {
  color: #002f6c;
  font-weight: 600;
  text-shadow: none;
}
#memberBar #memberName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
  font-weight: 400;
  color: #002f6c;
  text-shadow: none;
}
#memberBar .memberName {
  width: 100%;
  margin-bottom: 0px;
}

/* Header */
#headerBar {
  position: relative;
  height: 19px;
  background: #5c88da;
  margin-bottom: 10px;
}
#headerBar h1 {
  text-shadow: none;
  font-weight: 300;
  color: #ffffff;
}
#memberBar ul li a.switch {
  background: transparent url(/images/mobile/icons/reload.png) right center
    no-repeat;
}
#memberBar ul li a.inbox {
  background: transparent url(/images/mobile/icons/mail.png) right center
    no-repeat;
}
#memberBar ul li a.logout {
  background: transparent url(/images/mobile/icons/logout.png) right center
    no-repeat;
}
a.headerAction {
  top: 51px;
}
a.headerAction.compose {
  background-color: #002f6c;
  height: 46px;
}

@media only screen and (max-width: 450px) {
  #headerBar .payorHeaderContainer {
    margin-left: 10%;
  }
  #headerBar h1 {
    font-size: 4.5vw;
  }
}

/* Mobile Header Right Icons */
.topHeaderBar__absolutePosition {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}

.topHeaderBar__rightSideIcons {
  height: 46px;
}

.topHeaderBar__rightSideIcons #contextNav {
  top: 100%;
}

#mobileContent a.headerAction.compose {
  top: 0;
}
#mobileContent a#contextNavButton {
  top: 0;
}

/* Top Buttons */
a.headerButton {
  border: 1px solid rgb(0, 47, 108);
  color: #fff;
  background: #01608c url(/images/mobile/header_bg_tile.png) left top repeat-x;
  text-shadow: 0 -1px 0px #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 0px 1px 0px #5cb5db;
  -webkit-box-shadow: 0px 1px 0px #5cb5db;
}
#backButton {
  background-color: rgb(0, 47, 108);
  top: 0px;
  height: 46px;
}

/* Tabs */
#tabs {
  background: transparent;
  border-bottom: 1px solid #002f6c;
}
#tabs h1 {
  text-shadow: none;
}
#tabs ul {
  border-bottom: none;
}
#tabs ul li a {
  background: #535353;
  color: #fff;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
#tabs ul li.active,
#tabs ul li a.active {
  background: transparent;
  color: #535353;
}
#tabs ul li a {
  font-weight: 400;
  background: #cfe8b0;
  color: #002f6c;
}
#tabs ul li a.active {
  background-color: #002f6c;
  color: #ffffff;
  background-image: none;
}

/* Login */
ul.login li label {
  color: #434343;
}
.loginHeader .logoHolder {
  padding: 10px;
}

#loginPage #mainContent .actionArea {
  background: #adc3ec;
  border-bottom: 1px solid #c6c6c6;
}
#loginPage #headerBar {
  margin-bottom: 0px;
  background: #002f6c;
  padding: 20px 10px 10px 10px;
}
#loginPage #headerBar h1 {
  color: #ffffff;
  text-align: left;
  font-size: 25px;
  font-weight: 600;
}
#loginPage #memberReg a,
#loginPage #resets a {
  text-decoration: underline;
}

/* Action and Details Area */
.actionArea {
  background: rgb(173, 195, 236);
  border-bottom: 1px solid #c6c6c6;
}
.topBorder {
  border-top: 1px solid #c6c6c6;
}
.dropShadow {
  background: transparent;
}

/* Main Content */
#mainContent {
  color: rgb(0, 47, 108);
}

/* Menu Lists */
#mainContent ul.menuList {
  border-top: 1px solid #cececf;
}
#mainContent ul.menuList li {
  background: #ffffff;
  border-bottom: 1px solid #cececf;
  border-top: 1px solid #f9f9f9;
}
#mainContent ul.menuList li a {
  background: transparent url(/images/mobile/icons/bullet_arrow.png) no-repeat
    97% 50%;
  color: #434343;
  text-shadow: 0 -1px 0px #999;
}
#mainContent ul.menuList li a:hover,
#mainContent ul.menuList li a.selected {
  background-color: rgba(92, 136, 218, 0.25);
}
#mainContent ul.menuList li a span.read {
  color: #434343;
}

/* Page-specific menu lists */
#mainContent ul.menuList li a.ht-menuList-listAnchor {
  display: flex;
  flex-grow: 1;
}

#mainContent
  ul.menuList
  li
  a.ht-menuList-listAnchor
  div.ht-menuList-listLeftColumn {
  width: 75%;
}

#mainContent
  ul.menuList
  li
  a.ht-menuList-listAnchor
  div.ht-menuList-listRightColumn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
}

#mainContent #archiveMessagesForm ul.menuList li a.mail span.status {
  margin-right: 35px;
  margin-top: 14px;
}
/* End page-specific menu lists */

#mainContent ul.menuList li a span.listCount {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -moz-box-shadow: 0px -1px 0px #717172;
  -webkit-box-shadow: 0px -1px 0px #717172;
  background: #8f8f8f;
  color: #fff;
}
#mainContent ul.menuList li a span {
  color: #666;
}
#mainContent .listSubHeader {
  background-color: #ffffff;
}

#mainContent .listSubHeader h5 {
  font-size: 14px;
  font-weight: 600;
}

/* Item Detail, i.e. Visit Detail, etc. */
ul.itemDetail li {
  border-bottom: 1px dotted #dadada;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
  flex-wrap: wrap;
}

ul.itemDetail li span {
  /* margin-left: 10px; */
}

/* Footer */
#footer {
  background: #ffffff;
  border-top: 1px solid rgb(0, 47, 108);
  color: #8e8e8e;
}
#footer ul {
  border-top: 1px solid #545454;
  border-bottom: 1px solid #1c1c1c;
  background: transparent url(/images/mobile/footer_bg_tile.png) left top
    repeat-x;
}
#footer ul li a {
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: 0 -1px 1px #333;
}
#footer ul li a:hover,
#footer ul li a.active {
  background: transparent url(/images/mobile/footer_active_bg_tile.png) left top
    repeat-x;
}

/* Footer Icons */
#footer ul li a.selected {
  background: transparent url(/images/mobile/footer_active_bg_tile.png) left top
    repeat-x;
}
#footer ul li a span.home {
  background: transparent url(/images/mobile/icons/footer_home.png) center top
    no-repeat;
}
#footer ul li a span.myhealth {
  background: transparent url(/images/mobile/icons/footer_heart.png) center top
    no-repeat;
}
#footer ul li a span.info {
  background: transparent url(/images/mobile/icons/footer_user.png) center top
    no-repeat;
}
#footer ul li a span.permissions {
  background: transparent url(/images/mobile/icons/footer_lock.png) center top
    no-repeat;
}
#footer ul li a span.switch {
  background: transparent url(/images/mobile/icons/footer_switch.png) center top
    no-repeat;
}
#footer .copyright {
  background: #ffffff;
}
#footer .copyright a.logo {
  width: 150px;
  opacity: 0.6;
  background: transparent url(/images/mobile/bmchp/healthtrio_logo.png) top left
    no-repeat;
}

/* Stati */
span.overdue,
.error,
span.urgent {
  color: #cd5756 !important;
}
.replied {
  background: transparent url(/images/mobile/icons/arrow_reply.png) left center
    no-repeat !important;
}
.forwarded {
  background: transparent url(/images/mobile/icons/arrow_forward.png) left
    center no-repeat !important;
}
span.urgent {
  background: transparent url(/images/mobile/icons/exclamation_red.png) right
    bottom no-repeat;
}
a.whatsThis {
  color: #666;
}

/* Health Tracker */
#tooltip {
  background: #fff;
  border: 3px solid rgb(0, 47, 108);
}
#tooltipClose {
  border: 1px solid rgb(0, 47, 108);
  color: #fff;
  background: #f18614 url(/images/mobile/header_bg_tile.png) left top repeat-x;
  text-shadow: 0 -1px 0px #bf7f3f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 0px 1px 0px #dddddd;
  -webkit-box-shadow: 0px 1px 0px #dddddd;
}
.errorMessage {
  color: #cd5756 !important;
}

/* Health Tracker Controls */
.icon_zoomIn {
  background: transparent url(/images/mobile/icons/icon_zoomin.png) center
    center no-repeat !important;
}
.icon_zoomOut {
  background: transparent url(/images/mobile/icons/icon_zoomout.png) center
    center no-repeat !important;
}
.icon_scrollLeft {
  background: transparent url(/images/mobile/icons/icon_left.png) center center
    no-repeat !important;
}
.icon_scrollRight {
  background: transparent url(/images/mobile/icons/icon_right.png) center center
    no-repeat !important;
}

/* Mail */
a.recipient {
  border: 1px solid rgb(0, 47, 108);
  color: #333;
  background: #e0e0e0 url(/images/mobile/icons/delete.png) right center
    no-repeat;
  text-shadow: 0 -1px 0px #e0e0e0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -moz-box-shadow: 0px 1px 0px #e0e0e0;
  -webkit-box-shadow: 0px 1px 0px #e0e0e0;
}

/* Menu */
#dropDownMenu {
  background-color: #5c88da;
}
#dropDownMenu .logoHolder {
  background-color: #ffffff;
  padding-top: 10px;
}
#dropDownMenu #footer,
#dropDownMenu .copyright {
  background-color: #5c88da;
  color: #ffffff;
}
#dropDownMenu #footer .copyright a.logo {
  background: url(/images/mobile/bmchp/h3-logo-leftmark-whitetext.png) top left
    no-repeat;
  background-size: contain;
  opacity: 1;
  height: 17px;
}
#dropDownMenu a.mobileInnerLink {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}
#dropDownMenu ul li a.mobileInnerLink span {
  margin-top: 5px;
  background: url(/images/mobile/bmchp/nav_arrows.png) no-repeat scroll right
    top;
}
#dropDownMenu ul li a.mobileInnerLink.open span {
  margin-top: 5px;
  background: url(/images/mobile/bmchp/nav_arrows_hover.png) no-repeat scroll
    right top;
}
#dropDownMenu ul li a.mobileInnerLink.open {
  background-color: #d6e1f5;
  color: #002f6c;
  font-weight: 700;
  font-size: 14px;
  padding: 15px 15px 5px 15px;
}
#dropDownMenu ul li .mobileInner li {
  background-color: #d6e1f5;
}
#dropDownMenu .mobileInner a {
  color: #002f6c;
  font-weight: 700;
  font-size: 12px;
  padding: 10px 10px 10px 28px;
}
#dropDownMenu li > a {
  font-size: 14px;
  font-weight: 700;
}
#dropDownMenu ul.mobileInner li {
  border: none;
}
#dropDownMenu ul li ul li:last-child {
  padding-bottom: 10px;
}
#menuButton {
  background-color: #002f6c;
  height: 46px;
  top: 0px;
}
#menuButton.is-active {
  background-color: #5c88da;
  height: 46px;
  top: 0px;
}

/* Main Content */
#mainContent ul.menuList li a {
  text-shadow: none;
}
#mainContent .actionArea {
  background: #ffffff;
}
#mainContent form li h3 {
  padding: 20px 0px 10px 0px;
}
#mainContent .listHeader {
  background-color: #ffffff;
  color: #002f6c;
}

/* Top Bar Container */
#topBarContainer {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(0, 47, 108);
  padding: 10px;
  justify-content: space-between;
}
#topBarContainer .logoHolder {
  width: 40%;
}
#topBarContainer .logoHolder #logo a {
  background: transparent url(/images/mobile/bmchp/bmchpLogo.png) left center
    no-repeat;
  background-size: contain;
  color: transparent;
  display: block;
  height: 30px;
}

/* Forms */
input[type='text'],
input[type='password'] {
  padding: 5px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #002f6c;
  border-radius: 3px;
}
select {
  border: 1px solid #002f6c;
  border-radius: 3px;
  background-color: #ffffff;
}

/* Context Nav Button */
#contextNavButton {
  height: 46px;
  top: 51px;
  background-color: #f2a900;
}

#contextNavButton.is-active {
  height: 46px;
  background-color: #ffc85a;
}
/* Context Nav */
#contextNav {
  top: -10px;
}

/* ID Card */
#mainContent p.id-card-message {
  font-size: 1.2em;
  padding: 0px 0px 10px 0px;
  line-height: 1.4em;
  text-align: left;
  width: 94%;
  padding: 10px;
}

/* ID Card Height */
.memberIdCardHeight {
  height: 400px;
}

/* ID Card Page */
.memberIdCardPage {
  margin: 15px 25px 15px 25px;
  width: auto;
  height: 25px;
}

/* Visit Detail */
#visitDetail #mainContent #description {
  background: #d6e1f5;
}

/* Notes */
#notesDetail .itemDetail .list__div--halfWidthTablet {
  width: 48%;
  margin-right: 2%;
}

#notesDetail .itemDetail .list__div--fullWidth {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

@media (max-width: 767px) {
  #notesDetail .itemDetail .list__div--halfWidthTablet {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  #notesDetail .itemDetail .list__div--fullWidth {
    margin-top: 0;
  }
}

/* Forms */
input:disabled,
#mainContent input.button[disabled='disabled'],
#mainContent .button input[disabled='disabled'] {
  background: #8c8c8c;
  background-color: #8c8c8c;
  border-color: #8c8c8c;
}

input:disabled:hover,
#mainContent input.button[disabled='disabled']:hover,
#mainContent .button input[disabled='disabled']:hover {
  cursor: not-allowed;
  box-shadow: none;
}

#login .acctMgtButtons .button,
#login #loginForm .acctMgtButtons #cancel {
  padding: 8px !important /* overrides !important in base.css:138*/;
}

/* HIDE MOBILE WEB ELEMENTS FROM MOBILE APP */

.ht-mobileApp #dropDownMenu,
.ht-mobileApp #backNavButton,
.ht-mobileApp #Shell-sideMenuBtn-container,
.ht-mobileApp .ht-tfa-header-wrapper div,
.ht-mobileApp #regMobileBanner,
.ht-mobileApp #memberBar,
.ht-mobileApp #backButton,
.ht-mobileApp #menuButton {
  display: none !important;
}

.ht-mobileApp .button {
  -webkit-appearance: none;
}

.ht-mobileApp .actionItems ul {
  display: flex !important;
  flex-direction: row;
}

.ht-mobileApp #multiDeleteActions .halfWidth,
.ht-mobileApp #actionButtons .halfWidth,
.ht-mobileApp .ht1-mobile-ActionButtons .halfWidth,
.ht-mobileApp .actionItems .halfWidth {
  margin: 0 !important;
}

.ht-mobileApp #multiDeleteActions .halfWidth a * {
  color: white !important;
}

.ht-mobileApp #multiDeleteActions ul {
  background: white;
}

/* Fix CSS grids */
.ht-mobileApp .grid {
  display: flex !important;
  flex-wrap: wrap;
  padding: 5px !important;
  width: auto;
}

.ht-mobileApp .grid li {
  flex-basis: 45%;
  flex-grow: 1;
  margin: 5px !important;
}

.ht-mobileApp #tabs ul {
  display: flex;
}

/* Disable Mobile Web Menu on swipe */
.isShowingLeftFlyout .ht-mobileApp .pageContent {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Provider Search results hack to fix
   formatting and alignment of text and phone / map icons
*/
.ht-mobileApp #providerListDetails ul li .map,
.ht-mobileApp #providerListDetails ul li .phone {
  justify-content: flex-start !important;
}

.ht-mobileApp #providerListDetails ul.itemDetail li span,
.ht-mobileApp #mainContent .providerSearchArea .menuList p,
.ht-mobileApp #mainContent .providerSearchArea .menuList span {
  margin-top: 4px;
  text-align: left;
}

.ht-mobileApp #topBarContainer {
  position: absolute;
}

.ht-mobileApp .topHeaderBar__absolutePosition {
  top: 0;
}

.ht-mobileApp .payorHeaderContainer,
.ht-mobileApp #payorHeader {
  display: flex !important;
}

#mainContent div.actionArea.viewMessage ul.messageAttachments a {
  border: 1px solid lightgray;
  padding: 5px;
  border-radius: 3px;
  text-decoration: underline;
  display: flex;
  margin: 5px 0;
  width: fit-content;
}

/* CPS Landing Page */
#mainContent #provCustomSearchOptionsForm {
  --CPS-primary-color: rgb(0, 47, 108);
}