@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700|Raleway:100,300,400,500,700,800');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

html, body {
  height: 100%;
}

.full-height {
  height: 100%
}

body {
  font-size: 13px;
}

body, p, a, .mat-table {
  font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif !important;
  line-height: 28px !important;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.footer p {
  font-size: 13px;
}

.mud-expand-panel-text {
  font-size: var(--mud-typography-h6-size) !important;
  font-weight: var(--mud-typography-h6-weight) !important;
  letter-spacing: var(--mud-typography-h6-letterspacing) !important;
  text-transform: var(--mud-typography-h6-text-transform) !important;
  font-family: 'Raleway', sans-serif !important;
  line-height: 28px !important;
}

.medium .mud-nav-link-text {
  font-size: 12px;
}

.large .mud-nav-link-text {
  font-size: 12px;
}

.medium input {
  font-size: 10px !important;
}

.mud-expand-panel .mud-expand-panel-header {
  padding: 15px !important;
  color: var(--mud-palette-primary-darken) !important;
  background-color: #efefef;
  border-radius: 3px 3px 0 0;
  border-bottom: none !important;
}

/*.mud-expand-panel-text {
  font-size: var(--mud-typography-h1-size) !important;
  font-weight: var(--mud-typography-h1-weight) !important;
}*/

.mud-expand-panel .mud-expand-panel-content {
  padding: 25px !important;
}

.mud-expand-panel.mud-panel-expanded {
  margin: 0px;
  border-bottom:1px solid #d3d3d3;
}
  .mud-appbar {
  background-color: var(--mud-palette-white);
}

.sub-header {  
  background-color: #efefef;
  min-height: 115px;
  z-index: 0;
}

.medium.sub-header {
  /*margin-top: 65px !important;*/
  background-color: #efefef;
  min-height: 127px;
}

.patient-summary {
  color: var(--mud-palette-text-primary);
  display: inline-flex; 
}

  .patient-summary .mud-grid-item span {
    display: block;
    font-size: 16px;
    font-weight: 500;
  }

.large .patient-summary .mud-grid-item span {
  font-size: 13px;
}

.medium .patient-summary .mud-grid-item span {
  display: block;
  font-size: 10px;
  font-weight: 500;
}

.mud-main-content {
  padding-top: 65px;
}

.mud-button-text.mud-button-text-inherit {
  color: var(--mud-palette-text-primary);
}

.mud-nav-link {
  align-items: center;
}

.main-accounts-wrapper {
  width: 100%;
  max-width: 330px;
  box-sizing: border-box;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: #fff;
  background-color: var(--mud-palette-primary-darken) !important;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: #fff;
  background-color: var(--mud-palette-primary-darken);
}

.mud-nav-link:hover:not(.mud-nav-link-disabled) {
  background-color: var(--mud-palette-primary-darken);
  color: #fff;
}

.mud-navmenu {
  background-color: #efefef;
}

  .mud-navmenu .mud-nav-link {
    font-weight: 700;
  }

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
  font-weight: 700;
}

.mud-navmenu .mud-collapse-wrapper-inner .mud-nav-link {
  font-weight: normal;
}

.mud-nav-group .mud-expanded {
  background-color: var(--mud-palette-primary-darken) !important;
  color: #fff;
}

.mud-nav-link .mud-nav-link-expand-icon.mud-transform {
  fill: #ffffff;
}

.mud-nav-link:hover:not(.mud-nav-link-disabled) svg {
  color: #fff;
}

.mud-nav-item {
  border-bottom: 1px solid #dfdfdf;
  height: 58.88px;
}

.tin-margin .mud-input {
  margin: 0 !important;
}

.tin-label {
  display: inline-flex;
  color: white !important;
  font-weight: 600;
}

.mud-nav-group {
  border-bottom: 1px solid #dfdfdf;
}

  .mud-nav-group .mud-nav-item.mud-ripple {
    border-bottom: none;
  }

#hpn-logo {
  fill: #fff;
}

.news {
  padding: 15px;
}

  .news img {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
  }

.large .search-module {
  margin-top: -9px;
}

.search-module {
  position: fixed;
  right: 0;
}

.medium.search-module {
  position: fixed;
  right: 0;
  margin-top: -15px;
}

.news button {
  background: var(--mud-palette-primary);
  color: #fff;
  min-width: 150px;
}

.footer {
  background-color: var(--mud-palette-primary-darken);
  padding: 5px;
  color: var(--mud-palette-primary-text);
  border-top: 1px solid #dfdfdf;
  margin-bottom: 0px;
  font-size:16px;
}

.header-btn:hover {
  background-color: var(--mud-palette-white) !important;
  color: var(--mud-palette-primary) !important;
  border-radius: 4px;
  /* padding: 0 16px; */
}

.mud-header-container {
  margin-top: 10px !important;
  padding: 15px !important;
  background-color: #efefef;
  border-radius: 3px 3px 0 0;
  border-bottom: none !important;
}

.mud-card-header {
  padding: 10px 0;
  border-bottom: 3px solid var(--mud-palette-primary);
  width: 100%;
  color: var(--mud-palette-primary);
  background-color: #efefef;
}

.inner-mud-header .mud-card-header {
  padding: 10px 0;
  border-bottom: 3px solid var(--mud-palette-primary);
  width: 100%;
  color: #fff;
  background-color: var(--mud-palette-primary);
}

.inner-mud-header .mud-card-content {
  min-height: 211px;
}

.mud-simple-table table * tr > td, .mud-simple-table table * tr th {
  font-size: 12px !important;
}

.mud-card-align-end .mud-list-item-text {
  text-align: end;
}

.mud-card-bold p {
  font-weight: bold;
}

.mud-card-content-container .mud-list-item.mud-list-item-dense {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.mud-card-content-container .mud-list-item-text {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mud-card-content-container {
  padding: 0;
 
}
.mud-card-content-container .mb-4 d-flex {
  margin-top: 10px !important;
  margin-left: 10px !important;
}

  thead {
    background-color: #efefef;
    color: var(--mud-palette-primary) !important;
  }

.mud-simple-table table * tr > th {
  font-weight: 700;
  font-size: 16px;
}

.simple-table table * tr > th, .simple-table table * tr > td {
  padding: 8px;
}

.mud-card-table-container {
  /* background-color: #d5e4d6; */
}

.mud-card-content-container div span {
  /* color: var(--mud-palette-primary) !important; */
  font-size: 13px;
}

.mud-picker-container button {
  color: inherit !important;
  /* z-index: 1000 !important; */
}

.mud-picker-container .mud-day.mud-selected {
  color: var(--mud-palette-primary-text) !important;
}

.requireCards {
  padding: 4px 16px !important;
  border-radius: 3px 3px 0 0 !important;
  background-color: #efefef !important;
  border-bottom: none !important;
  /*color: #E87722 !important;*/
  color: #1A237EFF !important;
}

.requireCards-content {
  padding-top: 0px !important;
  padding-bottom: 0 !important;
}

.textBold {
  font-weight: bold;
}

.textFont {
 font-family: var(--mud-typography-h6-family) !important;
}
.infomudcard:hover {
  /*border: 2px solid #E87722 !important;*/
  border: 2px solid #1A237EFF !important;
}
  .infomudcard:hover .requireCards {
    border: 1px solid #efefef !important;
    /*background-color: #E87722 !important;*/
    background-color: #1A237EFF !important;
    color: #fff !important;
  }


.logo {
  width: 100%;
  max-width: 400px;
  float: left;
  padding-top: 5px;
  height:40px;
}

.header-label {
  text-align: end;
}
.memberInfo {
  width: 100%;
  text-align: center;
}
.footerListItem {
    cursor: pointer;
}
.floatLeft {
    float: left;
}
.footerDivider {
    width: 3%;
    text-align: center;
}
.mud-table-cell {
  font-size: 12px !important;
}

.mud-input {
    font-size: 14px;
}

  .mud-expand-panel .mud-expand-panel-header {
/*  padding: 0px 16px !important;*/
  min-height: 40px !important;
  border-bottom: 1px solid lightgray;
}
.view-note {
  width: 800px !important;
}
.status-reason {
  width: 30% !important;
}
.status-reason-mudselect{
    padding-right: 10px;
    width: 200px;
}
.attachment-dialog {
  width: 33% !important;
}
.attachment-select {
  max-width: 300px;
  margin-right: 22px;
}
.attachments-select-parent {
  max-width: 300px;
  float: left;
}
.attachment-select-create-referral > .mud-input-control-input-container > .mud-input-outlined {
  height: 55px;
}
.upload-btn > div > label {
  height: 55px;
  position: relative;
  top: -4px;
}
.mud-list-item {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.mud-list-item-text > .mud-typography {
  font-size: 12px !important;
}

.mud-table-cell .mud-radio .mud-button-root {
    padding: 0px !important;
    padding-left: 16px !important;
}

.Review-info-cards{
  height:218px;
}
.showDiv {
    display: block;
}
.hideDiv {
    display: none;
}
.contactInfoCls input {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.procedureUnit {
  max-width: 100px !important;
}

.mud-alert-filled-info {
  color: var(--mud-palette-primary-text);
  background-color: #1b5e20 !important;
}

.selected > td .mud-button-filled.mud-button-filled-primary {
  color: var(--mud-palette-primary-text);
  background-color: #1b5e20 !important;
}

.ref-blue {
  background-color: #a8cfde !important;
}

.pAuth-org {
  background-color: #dcceb8 !important;
}

.overflow-word{
    overflow: auto;
    overflow-wrap: break-word;
}
.mud-header-container{
    padding:10px !important;
}
mud-radio > .mud-radio-content {
  font-size: 14px !important;
}

.mud-button-group-root .mud-button-root.mud-icon-button.mud-icon-button-condense {
  padding-right: 4px;
  padding-left: 4px;
}
.mud-dialog .mud-dialog-content {
  overflow: visible !important;
  margin-left:10px !important;
}
.mud-radio-group-horizontal {
  display: inherit;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: wrap;
}

    
