/* Newly Added from Portal */
form>div>div>div, form>div>div>div>div>div {
    margin-bottom: 2rem;
}



.form-field_hp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
}

.form-field_hp input {
    width: 70%;
    margin-right: 1rem;
}

.form-field_hp input:last-of-type {
    width: 20%;
    margin-right: 0;
    margin-left: 1rem;
}
.form-field_dob {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
}
.form-field_dob input {
    width: 30%;
    margin-right: 1rem;
}
.form-field_dob input:last-of-type {
    width: 39%;
    margin-right: 0;
}
.form-field_ssn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100px;
}
.form-field_ssn input {
    width: 100%;
    margin-right: 1rem;
}
.form-field_name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
}
.form-field_name input {
    width: 100%;
    margin-right: 1rem;
}
.field-text label, .field-text legend {
    display: block;
    font-weight: 900;
    margin-bottom: 0.3rem;
}
p.field-subtext {
    font-size: 1.3rem;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}
/* =========================================== */
/* Survey page 1  */
/* =========================================== */
.hphc-portal-survey{
    border: 3px solid #EEEDE5;
    background: #F7F6F2;
    padding-left: 2rem;
    margin-bottom: 2rem;
}

.hphc-content_block h3 {
    margin-bottom: 2.2rem !important;
}

.hphc-portal-survey > #memberSurveyForm input {
    border: 1px solid #D1D1D1;
}

.hphc-portal-survey > #memberSurveyForm label {
    margin-left: 3.1rem;
    margin-top: -1.6rem;
    margin-bottom: 2.5rem;
}

@media only screen and (max-width:40em) {
    .hphc-portal-survey > #memberSurveyForm label {
        margin-left: 3.1rem;
        margin-top: -2.4rem;
    }
}


.hphc-apply_copy_selection {
    font-size:10px !important;
    margin-top: 1em !important;
    margin-right: 0em !important;
}

#hphc-survey-jnav{
    margin-left: 1rem;
}

@media only screen and (max-width:40em) {
    .hphc-apply_copy_selection {
        font-size:10px !important;
        margin-top:0.7em !important;
        margin-right: 13em !important;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .hphc-page-nav-btn {
        width: 100%;
        margin-left: 0%;
        text-align: center;
    }
}

/* =========================================== */
/* Member Documents  */
/* =========================================== */

.memberDocIcon {
    background: url(../images/icon-pdf.svg);
    display: inline;
    /* text-indent: -9999px; */
    width: 17px;
    height: 20px;
    background-size: 17px 20px;
    cursor: pointer;
    margin-right: 1rem;
    margin-left: 1rem;
}

.mdocElectronicMsg{
    /*position: relative;*/
    /*margin-top: 73%;*/
    /*opacity:0;*/
}

.memberDocSeprator {
    border: 1px solid #e1e0e0;
    width: 100%;
    /*margin-top: 76rem;*/
    margin-bottom: 2rem;
}

#memberDocuments_wrapper {
    margin-top: 3rem;
}

#memberDocuments_length label{
    margin-bottom: 3rem;
}

#memberDocuments_length select {
    background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}

#memberDocuments_length select:focus {
    background-image:
            linear-gradient(45deg, green 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, green 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}

#memberDocuments_length select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.getPdfReaderBtn {
    background: url(../images/acrobatReaderBtn.png);
    display: block;
    width: 159px;
    height: 39px;
    margin-top:2rem;
}


.memdoc-cell {
    text-align: left;
}

.memberDocuments_createdIcon {
    background-image: url(../images/sort-up-down.svg);
    width: 9px;
    height: 12.6px;
    display: inline-block;
    margin-left: 0.7rem;
}

.memberDocuments_statusIcon {
    background-image: url(../images/sort-up-down.svg);
    width: 9px;
    height: 12.6px;
    display: inline-block;
    margin-left: 0.7rem;
}

.moreInfo_title{
    font-weight: bold;
    text-align: center;
}

.mdocTable {
    width: 100%;
    position: relative;
    display: table;
    color: #000000;
}

.mdocTableCont{
    width: 75%;
    float:left;
    display: table-row;
}

.mdocTableCont tr {
    border-bottom: 1px solid #EEEDE5;
}

#memberdocuments_moreInfo{
    /*width: 25%;*/
    float:right;
    margin-top:1.3rem;
    padding-left: 1.3rem;
    display: table-row;
}


#memberDocuments_paginate{
    float: none !important;
    text-align: right;
    width: 100%;
    margin-left: 1.5rem;
    margin-top: 3rem;
}

table#memberDocuments {
    /*font-family: 'Point32HealthSans', sans-serif;*/
    font-size: 12pt;
    color:#000;
    border: 1px solid #F7F6F2;
    margin:0;
}

table#memberDocuments thead {
    text: Point32HealthSans black 12pt;
}
table#memberDocuments thead th {
    background-color: #F7F6F2;
    border:none;
    font-weight: bold;
}

table#memberDocuments td {
    height: 40px;
    vertical-align: middle;
}

table#memberDocuments tr, table#memberDocuments td {
    background-color:transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #F7F6F2;
}

#memberDocuments_info{
    display:none;
}

/*.tableHeadRemove{*/
/*content: "";*/
/*}*/

.md-no-records-cont{
    display: none;
    /*font-family: 'Point32HealthSans', sans-serif;*/
    font-size: 12pt;
    color: #000;
    background-color: #d0cece;
    padding: 13px;
    text-align: center;
    /*margin-top: 2rem;*/
    width:75%;
    margin: 1.5rem 0rem 1.5rem;
    line-height: 1.5;
}

.md-custom-loader-background{
    width:100px;
    height:300px;
    background-color:#FF5200;
    position: absolute;
}

.dataTables_processing {
    position: absolute !important;
    margin-top: 5% !important;
}

.doc-member-cont{
    float: left;
    width: 30rem;
    margin-right: 3rem;
    margin-bottom: 3rem;
}

.mdoc-doccell-title {
    font-weight: bold;
    text-align: left;
    margin-bottom: -1.7rem;
    font-size: 1.3rem;
    display: none;
}


.doc-member-go{
    float: left;
}

/*
This query will take effect for any screen smaller than 760px and also iPads specifically.
*/

@media
only screen
and (max-width: 760px), (min-device-width: 768px)
and (max-device-width: 1024px)  {

    table#memberDocuments, table#memberDocuments thead, table#memberDocuments tbody, table#memberDocuments thead th, table#memberDocuments td, table#memberDocuments tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table#memberDocuments thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table#memberDocuments thead tr {
        margin: 0 0 1rem 0;
    }

    table#memberDocuments tr:nth-child(odd) {
        background: #ccc;
    }

    table#memberDocuments td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 25%;
    }

    table#memberDocuments td:before {
        position: absolute;
        top: 0;
        left: 6px;
        /*width: 45%;*/
        padding-right: 10px;
        white-space: nowrap;
    }

    .dataTables_empty{
        padding-left:3%;
        height: 9rem;
    }
    /*
    Label the data.
    */
    table#memberDocuments td:nth-of-type(1):before { content: "Created"; font-weight:bold; }
    table#memberDocuments td:nth-of-type(2):before { content: "Name"; font-weight:bold; }
    table#memberDocuments td:nth-of-type(3):before { content: "Status"; font-weight:bold; }

    /*table#memberDocuments td:nth-of-type(1):before {*/
    /*content: "";*/
    /*}*/

    /*.tableHeadRemove{*/
    /*content: "";*/
    /*}*/
}

/* -------------------------------------------- */
/* Members Document Responsive/Mobile View     */
/* ------------------------------------------- */


.mdoc_col1{
    width: 20%;
}
.mdoc_col2{
    width: 60%;
}
.mdoc_col3{
    width: 20%;
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    table#memberDocuments {
        width: 100%;
    }
    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }
}


/*
  ##Device = Galaxy Fold (portrait)
  ##Screen = B/w 280px to 653px
*/

@media (min-width: 280px) and (max-width: 653px) and (orientation: portrait) {

    table#memberDocuments {
        width: 100%;
    }

    .doc-member-cont{
        float: left;
        width: 58%;
        margin-right: 6%;
        margin-bottom: 3.8rem;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -2rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
        width: 80px;
    }

    table td:after {
        font-weight: bold;
    }
}


/*
  ##Device = Galaxy Fold (landscape)
  ##Screen = B/w 280px to 653px
*/
@media (min-width: 280px) and (max-width: 653px) and (orientation: landscape) {

    table#memberDocuments {
        width: 100%;
    }
    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }
}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }

    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 67%;
        margin-top: -2rem;
        /*margin-left: 2rem;*/
        text-decoration: underline;
        cursor: pointer;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 731px) and (max-width: 731px) and (orientation: landscape) {

    table#memberDocuments {
        width: 100%;
    }
    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }

}


/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

    .memberDocLinkText{
        margin-top: -0.3rem;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

    table#memberDocuments {
        width: 100%;
    }

    .doc-member-cont{
        float: left;
        width: 58%;
        margin-right: 6%;
        margin-bottom: 3.8rem;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }

}

/*
  ##Device = iPhone 6, 7, 8 Plus (Landscape)
*/
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 3)
{

    table#memberDocuments {
        width: 100%;
    }

    .doc-member-cont{
        float: left;
        width: 58%;
        margin-right: 6%;
        margin-bottom: 3.8rem;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }
}

/*
  ##Device = Surface Duo (portrait)
  ##Screen = B/w 540px to 720px
*/
@media (min-width: 540px) and (max-width: 720px) and (orientation: portrait) {

    table#memberDocuments {
        width: 100%;
    }

    .doc-member-cont{
        float: left;
        width: 58%;
        margin-right: 6%;
        margin-bottom: 3.8rem;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -2rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }
}

/*
  ##Device = Surface Duo (landscape)
  ##Screen = B/w 540px to 720px
*/
@media (min-width: 540px) and (max-width: 720px) and (orientation: landscape) {

    table#memberDocuments {
        width: 100%;
    }

    .doc-member-cont{
        float: left;
        width: 58%;
        margin-right: 6%;
        margin-bottom: 3.8rem;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }
    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }
    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {
        font-weight: bold;
    }
}


/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .memberDocLinkText {
        margin-top: -0.3rem;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .memberDocLinkText {
        margin-top: -0.3rem;
    }
}


/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

    table#memberDocuments {
        width: 100%;
    }

    #memberdocuments_moreInfo {
        width:100%;
        margin-top:3%;
        padding-left: 0rem;
    }
    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
    .mdocElectronicMsg{
        opacity:1;
    }

    .mdocTableCont{
        width: 100%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:100%;
    }

    .memberDocLinkText {
        width: 50%;
        margin-top: -0.3rem;
        text-decoration: underline;
        cursor: pointer;
        float: right;
    }

    .memdoc-cell {
        text-align: right;
    }

    .mdoc-doccell-title {
        display: block;
    }

    table td:after {

        font-weight: bold;
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    table#memberDocuments {
        width: 100%;
    }
    #memberDocuments{
        width: 100%;
    }
    #memberdocuments_moreInfo {
        width:25%;
        margin-top:3%;
        padding-left: 2.5rem;
    }
    .mdocElectronicMsg{
        opacity:1;
        margin-top:0;
    }
    .memberDocLinkText {
        width: 90%;
        margin-top: -2rem;
        /*margin-left: 2rem;*/
        text-decoration: underline;
        cursor: pointer;
    }
    .mdocTableCont{
        width: 75%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:75%;
    }

}


/*Portrait*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

    table#memberDocuments {
        width: 100%;
    }

    #memberDocuments{
        width: 100%;
    }

    #memberdocuments_moreInfo {
        width:25%;
        margin-top:3%;
        padding-left: 0rem;
    }

    #memberDocuments_paginate{
        float: none !important;
        text-align: right;
        width: 100%;
        margin-left: 1.5rem;
        margin-top: 3rem;
    }

    .mdocElectronicMsg{
        opacity:1;
        margin-top:0;
    }

    .doc-member-cont{
        float: left;
        width: 30rem;
        margin-right: 3rem;
        margin-bottom: 3rem;
    }

    .memberDocLinkText {
        width: 90%;
        /*margin-left: -2rem;*/
        text-decoration: underline;
        cursor: pointer;
    }

    .mdocTableCont{
        width: 75%;
        float:left;
        display: table-row;
    }
    .md-no-records-cont{
        width:75%;
    }

    .memdoc-cell {
        text-align: left;
    }

    .mdoc-doccell-title {
        display: none;
    }

    table td:after {
        font-weight: normal;
    }
}


/* -- large devices */
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    .memberDocLinkText {
        width: 90%;
        margin-top: -2rem;
        /*margin-left: 2rem;*/
        text-decoration: underline;
        cursor: pointer;
    }

    .mdocTableCont{
        width: 75%;
        float:left;
        display: table-row;
    }

    .md-no-records-cont{
        width:75%;
    }

    .doc-member-cont{
        float: left;
        width: 30rem;
        margin-right: 3rem;
        margin-bottom: 3rem;
    }

    #memberdocuments_moreInfo{
        width: 25%;
        float:left;
        margin-top:1.3rem;
        padding-left: 2.5rem;
        display: table-row;
    }

    #memberDocuments_paginate{
        text-align: center;
        width: 100%;
    }
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    #memberdocuments_moreInfo{
        width: 25%;
        float:left;
        margin-top:1.3rem;
        padding-left: 2.5rem;
        display: table-row;
    }

    .memberDocLinkText {
        width: 90%;
        margin-top: -2rem;
        /*margin-left: 2rem;*/
        text-decoration: underline;
        cursor: pointer;
    }

    .mdocTableCont{
        width: 75%;
        float:left;
        display: table-row;
    }

    .md-no-records-cont{
        width:75%;
    }

    .doc-member-cont{
        float: left;
        width: 30rem;
        margin-right: 3rem;
        margin-bottom: 3rem;
    }

    /* --------------------------------  */
}


/* -------------------------------------------- */
/* Members Document Responsive Style End    */
/* ------------------------------------------- */


.hphc-portal-survey h4 {
    margin-top: 1.4rem;
}

.hphc-ques_head {
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
}

@media only screen and (max-width:40em) {
    .hphc-ques_head {
        margin-bottom: 2.5rem;
    }
}


.hphc-hp_card {
    float: right;
    margin-bottom: 0rem;
    display: none;
    visibility: hidden;
}
@media only screen and (min-width:53.125em) {
    .hphc-hp_card {
        display: flex;
        visibility: visible;
    }
}
.form-field_medicare {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 200px;
}
.form-field_medicare input {
    width: 100%;
    margin-right: 1rem;
}

.ul-items{
    list-style: none;
    list-style-type: none;
}

.validation-error:before {
    content: "";
    display: block;
    background: url("../images/blank.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}
.validation-error_remote:before {
    content: "";
    display: block;
    background: url("../images/blank.png") no-repeat;
    width: 20px;
    height: 40px;
    float: left;
}

.validation-success:before {
    content: "";
    display: block;
    background: url("../images/check-mark.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

.validation-success_remote:before {
    content: "";
    display: block;
    background: url("../images/check-mark.svg") no-repeat;
    width: 20px;
    height: 40px;
    float: left;
}

.show-member-password:before {
    content: "";
    display: block;
    background: url("../images/eye.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

.hide-member-password:before {
    content: "";
    display: block;
    background: url("../images/eye-close.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

.member-password-rule-pass{
    font-size: 13px;
    color: #00A88E;
}

.member-password-rule-error{
    font-size: 13px;
    color: black;
}

.hphc-btn-cancel {
    background-color: #D1D1D1;
    box-shadow: none;
    color: #ffffff;
    padding: 1.25rem 3rem 1.15rem;
    border: medium none;
    border-radius: 50px;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}



a.disabled {
    opacity: .75;
}

/*td , div.hphc-list_item--provider > button.hphc-btn_primary , .hphc-btn_secondary, .hphc-btn_tertiary, .hphc-btn_quaternary, .hphc-btn_selected{*/

/*padding: .5rem 2rem .5rem;*/
/*margin: 0.25rem;*/
/*font-size: 1rem;*/
/*}*/

#changepcp_table td button[class*="hphc-btn_"]
    /*#changepcp_table td > button.hphc-btn_secondary */
{
    padding: .5rem 2rem .5rem;
    margin: 0.25rem;
    font-size: 1rem;
}
.error-message > p > button[class*="hphc-btn_"],
div.hphc-list_item--provider button[class*="hphc-btn_"]
    /*div.hphc-list_item--provider .hphc-btn_secondary,
    div.hphc-list_item--provider  .hphc-btn_tertiary,
    div.hphc-list_item--provider .hphc-btn_quaternary,
    div.hphc-list_item--provider .hphc-btn_selected*/{

    padding: .5rem 2rem .5rem;
    margin: 0.25rem;
    font-size: 1rem;
}

#manageId_table td > button.hphc-btn_secondary
    /*#changepcp_table td > button.hphc-btn_secondary */
{
    padding: .5rem 2rem .5rem;
    margin: 0.25rem;
    font-size: 1.5rem;
}


@media only screen and (min-width: 53.125em) {
    div.form_inline {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    div.form_inline > div {
        -webkit-flex-basis: 275px;
        -ms-flex-preferred-size: 275px;
        flex-basis: 275px;
        margin-right: 7.6rem;
        margin-bottom: 0
    }

    div.form_inline button {
        margin-top: 3rem
    }
}


.hphc-btn_quaternary {
    background-color: #D1D1D1;
}

.mobile_filter_buttons > button {
    padding: .5rem 2rem .5rem;
    margin: 0.25rem;
    font-size: 1rem;
    width:90%;
}

.hphc-btn_minimal {

    background: #EEEDE5;
}
@media only screen and (min-width: 40em) {
    .hphc-list_item--provider > div > div > div:nth-of-type(2) {

        align-self: flex-start;

    }
}

.success-msg {
    border: 3px solid #00A88E;
    text :  Point32HealthSans black 12pt;
}


.success-msg i.success_check {
    background: url(../images/check-mark.svg) no-repeat;
    display: inline-block;
    height: 13px;
    width: 15px;
    margin: 0 1rem
}


a.pagination_next::after {

    background: url(../images/icon-right-arrow.svg) no-repeat;
    display: inline-block;

    height: 13px;
    width: 15px;

    content :" ";
    margin: -0.5rem 0.5rem;
}

.pagination_previous::before {
    background: url(../images/icon-left-arrow.svg) no-repeat;
    display: inline-block;
    height: 13px;
    width: 15px;

    content :" ";
    margin: -0.5rem -1rem;
}


div.pagination {

    /*font-family: Point32HealthSans;*/
    font-size: 12pt;
    color : #270071;

}

div.pagination ul{

    /*font-family: Point32HealthSans;*/
    font-size: 12pt;
    color : #270071;

    justify-content: center;
}

ul.hphc-filter_pill > li{
    /*  height: 22px;*/
    border: 1px solid #919191;
    font: 12pt arial lighter;
    border-radius: 30rem;
    padding: 0.5rem;
    list-style-type: none;
    list-style-image: none;
    display: inline;
    margin:.5rem;
    float:left;
}

ul.hphc-filter_pill {
    overflow: hidden;
}

/* change password screen */
.cp-col1 {
    width: 100%;
}
@media only screen and (min-width:53.125em) {
    .cp-col1 {
        float: left;
        width: 55%;
    }
}

.cp-col2 {
    width: 100%;
}
@media only screen and (min-width:53.125em) {
    .cp-col2 {
        float: left;
        width: 45%;
    }
}

.hphc-verify_email_btn{
    float:right;
    margin-top:0.1rem;
}

.form-field_phone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 300px;
}
.form-field_phone > :first-child {
    width: 30%;
    margin-right: 1rem;
}

.form-field_phone > :last-of-type  {
    width: 20px;
    margin-left: 1rem;
}
.form-field_verifiedemail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 300px;
}
.form-field_verifiedemail > input {
    width: 90%;
    margin: 0rem;
    padding:  0rem 0rem 0rem 1.5rem;
}

.form-field_verifiedemail > div {
    width: 25px;
    margin-right: 1rem;
}

.paperlessTable {
    border: 1px solid #e6e6e6;
}

.paperlessTable thead{
    background-color: #f2f2f2;
}

.paperlessTable tr th:nth-child(3){
    background: rgba(204, 255, 230, 0.3);
}

.paperlessTable tr td:nth-child(3){
    background: rgba(204, 255, 230, 0.3);
}

.prMemberTable {
    border: 1px solid #e6e6e6;
}

.prMemberTable thead{
    background-color: #f2f2f2;
}

tr.disabled {
    /*background-color: lightgrey;*/
    color: #cccccc;
    pointer-events: none;
}

tr.disabled > td > input {
    background-color:#e6e6e6;
    pointer-events:none;
    opacity:0.5;
    cursor:default;
}

.hphc-table_plan_note{
    width: 20px;
    height: 20px;
    margin: 0;
    background-image: url(../images/info_note.png);
    background-repeat: no-repeat;
}

.hphc-plan_comm_txt{
    bottom: 18px;
    left: 26px;
    width: 96%;
    font-size:1.5rem;
    position: relative;
}

.hphc-dp-extranote {
    bottom: 28px;
    left: 33px;
    width: 90%;
    position: relative;
    font-size:1.5rem;
}

.hphc-plan_selection_txt{
    font-size: 2.0rem;
}

/* ------------------------------------------ */
/* ----- PCP SEARCH ------- */
/* ------------------------------------------ */
.hphc-locprovider-sep {
    border-top: 1px solid #D1D1D1;
    display: block;
}

/* Use my address & default */
.hphc-pcpsearch-within{
    display: none !important;
    flex: 0%;
    margin-bottom: 5rem;
}

#distanceToSearch{
    width: 21rem;
}

.hphc-pcpsearch-dd{
    width:21rem;
}

.wlbutton {
    padding-bottom: 2rem;
    text-align: left;
    margin-left: 10rem;
}

.hphc-pcpsearch-content{
    padding-left: 10rem;
}

.hphc-btn-pcpsearch-clear {
    float: right;
    margin-top: -2.7rem;
    font-size: 1.3rem;
    color: #000099;
    font-weight: bold;
    margin-right: 8rem;
    cursor: pointer;
}

/* ------------------------------------------ */
/* ----- PCP SEARCH : MOBILE ------- */
/* ------------------------------------------ */

@media (min-width: 320px) and (max-width: 480px) {

    .hphc-pcpsearch-content{
        display: block;
        padding-left: 0;
    }

    .hphc-pcpsearch-dd{
        width:100%;
    }

    .wlbutton {
        margin-left: 0rem;
    }
    .hphc-locprovider-sep {
        display: none;
    }
    .hphc-btn-pcpsearch-clear{
        margin-top: 2rem;
        display: none;
    }
    .hphc-pcpsearch-within{
        right:0 !important;
        top:0 !important;
        margin-bottom:0 !important;
    }
    .hphc-pcp-addresswithin{
        display: block !important;
    }
    #distanceToSearch {
        width:100% !important;
    }
    #state{
        width:100% !important;
    }
}

/* =============================================================== */

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 800px) {

    .paperlessTable .loggedInMember .subscriber {
        float: right;
        margin-right: 30px;
    }

    .paperlessTable .dependent {
        float: right;
        margin-right: 30px;
    }

}

.external-link::after {
    fill:white;
    background-image: url("../images/external_link.svg");
    background-repeat: no-repeat;
    margin: 2px 0 -2px 2px;
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    content:"";
    align-content: center;

}

.external-link::after .red {
    fill:red;
}

.red-external-link::after {

    background-image: url("../images/red_external_link.svg") ;
    background-repeat: no-repeat;
    margin: 2px 0 -2px 2px;
    background-size: 14px 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    content:"";
    align-content: center;

}



.lity-active body {
    overflow: hidden;
}
.lity-inline .lity-content > * {
    max-height: none !important;
}
.lity-inline .lity-wrap {
    overflow: auto;
}
.lity-inline .lity-content {
    margin: 20px 0;
}

/*
employer css
*/
.excel-invalid-rec {
    background-image: url("../images/cross.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    content:"";
    align-content: center;

}

td.excel-invalid-column::before {
    background-image: url("../images/warning.gif");
    background-repeat: no-repeat;

    display: inline-block;
    width: 14px;
    height: 14px;
    content:"";
    align-content: center;
}
td.excel-invalid-column {
    background-color: #e39f88 !important;
    color: #DF3A01;


}