/*-----------------------------------------------\
|                        |
| Copyright © Epic Systems Corporation 2021    |
|                        |
+------------------------------------------------+
|         Table of Contents        |
+------------------------------------------------+
| Placeholder               |
\-----------------------------------------------*/
.standaloneBanner{
  background-image:none; 
}
#standaloneFullWidthPageBody.mainBody{
  background-position:center top;
  background-size:cover;
  overflow:hidden;
}

/*--------Search Page---------*/
.FlexField.fieldsFlexField.FlexCol1 {
  flex-basis: 45%;
  text-align: right;
  align-self: center;
}
.FlexField.fieldsFlexField.FlexCol2 {
  flex-basis: 50%;
}
.LINEDIV{
  display:flex;
}

.LINEDIV > div {
  margin: 0 3px;
}

html.Activity, body.Activity{
  max-width: 1350px;
  min-width:750px;
  margin:auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../en-us/img/Hubble_Background.png);
  background-position-y: -54px;
  background-color: rgb(27,20,100);
  background-size:cover;
}

.FlexField.FlexCol1.mainDivFlexField.mainDivFlexCol1 {
  width: 35%;
}

.FlexField.FlexCol2.mainDivFlexField.mainDivFlexCol2 {
  width: 40%;
}

.Gutter.mainDivGutter {
  min-width: 10%;
  max-width: 10%;
  flex-basis: 10%;
}
.Gutter.mainDivGutter2 {
  min-width: 5%;
  max-width: 5%;
  flex-basis: 5%;
}

.CAPTCHACTL > div > div {
  float: right;
  margin-top: 20px;
}
.search-pretext{
  margin-top: 15px;
  display: block;
 }
.header-div{
  display:flex;
  margin-top: 30px;
}
.header-image-div{
  background-color: rgb(26, 35, 126);
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  color: white;
  margin-right: 10px;
  margin-left: -40px;
  position: relative;
  }
  
.header-div.header-satisfied .header-image-number,
.header-div:not(.header-satisfied) .header-image-satisfied {
  display: none;
}
.header-div.header-satisfied .header-image-satisfied,
.header-div:not(.header-satisfied) .header-image-number {
  display: unset;
}
  
.satisfied{
  color: rgb(76,175,80);
  font-weight:bold;
}
.header-satisfied > .FlexHeader > .FlexHeaderText{
  color: rgb(76,175,80);
}

.header-satisfied > .header-image-div{
  background-color: rgb(76,175,80);
}

/* This edits the required fields stop sign*/
.fields-satisfied input.empty:enabled:not(.calButton), .fields-satisfied select.empty:enabled, .fields-satisfied .webtrol.empty:enabled, .fields-satisfied textarea.empty:enabled {
  background-image: none !important;
}

#dateFilter-header > .header-image-div{
  display: none;
}

.FIELDS input.hasValue {
  background-color: rgb(237,247,237);
  -webkit-box-shadow: inset 0 0 0px 9999px rgb(237,247,237);
  border-color: rgb(76,175,80);
}
.FIELDS select.hasValue{
  background-color: rgb(237,247,237);
  border-color: rgb(76,175,80);
  padding-left: 3px;
}

.mainPageDiv{
  background-image: url(../../en-us/img/placeholder-generic.png);
}

.PROMPTS,
.FIELDS,
.FlexHeader {
  background-color: white;
}

.guest-elig-pretext{
  padding: 10px 5%;
}


.ToCount:before{
  counter-increment: my-counter;
  content: counter(my-counter, upper-latin) ")";
}

.mainDivFlexCol1 {
  counter-reset: my-counter;
}

.infoButton{
  margin-left: 5px;
}

/*----------------Report-----------------*/
.headerLineDiv{
  display: flex;
}
.payor-plan-name-div{
  width: calc(50% - 5px);
  margin-right: 5px;
}

.corp-divisions-div,
.pcp-div{
  width: calc(25% - 5px);
  margin-right: 5px;
}

.report-header{
  padding: 20px 5% 0;
  font-weight: bold;
  font-size: 20pt;
  color: rgb(26, 35, 126);
  display:block;
}

.card-scroll {
  border-top: thin solid lightgrey;
}

.cvgMainBody{
  padding: 10px;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
}

.cvgCardHeader{
  margin-bottom: 5px;
}

.card-container{
  display: flex;
  box-shadow: 0 1px 0 1px rgb(0 0 0 / 8%), 0 1px 0 2px rgb(0 0 0 / 5%), 0 1px 0 3px rgb(0 0 0 / 2%);
  margin: 15px 10px;
  background-color: #fff;
  border: solid #e3e3e3;
  border-width: 1px 0 0;
  border-radius: 2px;
}

/*----------------Status Div-----------------*/
.statusBody{
  border-left-width: 5px;
  border-left-style: solid;
  
  width: 100px;
  min-width: 100px;
  box-shadow: inset -6px 0 6px -5px rgb(0 0 0 / 10%);
  text-align: center;
  padding: 17px;
}
.statusBodyInner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.statusBody.covered{
  background-color: #e8f7f0;
  border-color: #50964c;
}
.statusBody.past{
  background-color: #dfdfdf;
  border-color: #4d5b69;
}
.statusBody.future{
  background-color: #f7eeff;
  border-color: #ab44ff;
}
.statusBody.notCovered,
.statusBody.invalid{
  background-color: #fff2f2;
  border-color: #eb6c70;
}
.statusBody.pending{
  background-color: #e9f3ff;
  border-color: #5ea1f8;

}
.statusBody.inQuestion{
  background-color: #f2f1e4;
  border-color: #85772a;
}

.statusBody.suspended{
  background-color: #fef2e8;
  border-color: #faa949;
}
/*----------------Status Text-----------------*/
.coveredStatusTextDiv{
  padding-top: 6px;
  margin-bottom: 16px;
  font-weight: 600;
}
.cvg-status-text.covered{
  color: #25603d;
}
.cvg-status-text.past{
  color: #262e34;
}
.cvg-status-text.future{
  color: #7d14b6;
}
.cvg-status-text.notCovered,
.cvg-status-text.invalid{
  color: #a3292b;
}
.cvg-status-text.pending{
  color: #144fc2;
}
.cvg-status-text.inQuestion{
  color: #605111;
}
.cvg-status-text.suspended{
  color: #ba5900;
}

/*----------------Status Icon-----------------*/
.icon--cvg-status{
  width: 32px;
  height: 32px;
}
.icon--cvg-status--covered {
  fill: #37835b;
}
.icon--cvg-status--past {
  fill: #4e6476;
}
.icon--cvg-status--future {
  fill: #8b5aae;
}
.icon--cvg-status--notcovered,
.icon--cvg-status--invalid {
  fill: #c24e34;
}
.icon--cvg-status--pending {
  fill: #2b7ca7;
}

.icon--cvg-status--inquestion{
  fill: #faa949;
}
.icon--cvg-status--suspended{
  fill: #faa949;
}


/*----------------Corp/Division icon----------------*/
.icon--corporation,
.icon--division {
  height: 16px;
  width: 16px;
  vertical-align: top;
  fill: #2b7ca7;  
  margin-right: 5px;
}

.icon--pcp {
  height: 16px;
  width: 16px;
  vertical-align: top;
  fill: #4E6476;  
  margin-right: 5px;
}
.icon__salmon{
  fill: #C24E34; 
}

.corporationLine,
.divisionLine,
.pcpLine{
  display: flex;
}

.corp-divisions-div,
.pcp-div{
  margin-bottom: 8px;
  margin-right: 5px;
  min-width: 100px;
  overflow: hidden;
  line-height: 18px;
  font-size: 14px;
}


.corporationLabelLine,
.divisionLabelLine,
.pcpLabelLine{
  display: flex;
}

.pcpLabel,
.corpLabel,
.divLabel{
  font-size: 13px;
  color: #595959;
}


.corporationValueLine{
  margin-bottom: 5px;
}

.corporationValueLine,
.divisionValueLine,
.pcpValueLine {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  cursor: text;
}

/*---------------- Benefits----------------*/
.PlanDiv{
	margin-bottom: 15px;
}

.PlanNameText{
  font-weight: 600;
  font-size: 13px;
  display: block;
  text-overflow: ellipsis;
}
.MOOPsDedTables{
  display: flex;    
  line-height: 18px;
  font-size: 13px;
}

.MOOPDedLine{
  display: flex;
}

.MOOPDedHeader{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #cecece;
}
.DeductibleTable{
  flex: 1 1 50%;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #cecece;
}
.MOOPTable{
  flex: 1 1 50%;
  padding-left: 10px;
}


.MOOPName,
.DedName{
  flex: 1 1 50%;
  color: #595959;
  font-size: 13px;
}

.BucketRemaining{
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  cursor: text;
}



.header-infoFlexRow{
  margin-bottom: 10px;
}


.flexRow{
  display: flex;
  width: 100%;
  margin-bottom: 0;
  flex-wrap: wrap;
}


.fieldContainer {
  margin-bottom: 8px;
  margin-right: 5px;
  min-width: 100px;
  width: calc(25% - 5px);
  overflow: hidden;
  line-height: 18px;
}

.fieldContainer .info-label {
  display: block;
  color: #595959;
  font-size: 13px;
}
.fieldContainer .info-value {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  cursor: text;
}

.ppg-name{
  margin: 0;
  font-weight: 400;
  font-size: 13pt;
  text-overflow: ellipsis;
}

.payor-plan{
  font-weight: 600;
  font-size: 13px;
  display: block;
  text-overflow: ellipsis;
}

.flexRow.relationship,
.flexRow.memberName{
  align-items: baseline;
}
.relationship-label,
.name-label{
  display: inline-block;
  font-size: 13px;
  color: #595959;
  margin-right: 5px;
}
.relationship-value,
.name-value{
  display: inline-block;
  font-size: 14px;
}




.footer{
  display: block;
  text-align: center;
  bottom:15px;
  left:25px;
  right:25px;
}

@media print{
  .card,
  .card-main{
  box-shadow:none;
  }
}

.noDisp{
  display: none;
}