* {
    margin: 0;
    padding: 0;
}

body {
    /*font: 14px/1.4 Georgia, Serif;*/
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

#page-wrap {
    margin: 50px;
}

p {
    margin: 20px 0;
}

/*
	Generic Styling, for Desktops/Laptops
	*/
table {
    /*border: 2px solid #38898F;*/
    width: 100%;
    border-collapse: collapse;
    /* box-shadow: 0 3px 1px rgba(0, 0, 0, 0.6), 0 0 40px rgba(128, 128, 128, 0.1) inset; */
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

#contacttblid {
    width: 90%;
    margin: auto;
    border: 2px solid #2ca8ff;
    box-shadow: none;
}

#PACContactTbid {
    /*border: 2px solid #2ca8ff;
     box-shadow:none;*/
}

    #PACContactTbid .header_td {
        font-weight: 600;
    }

#InnerPACContactTbid {
    border: none;
    box-shadow: none;
    width: 96%;
    margin-left: 2%;
}

#AddPACFblid {
    width: 100%;
}

.header_td_Inner {
    background: #21c0c0;
    color: white;
    font-size: 15px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding-top: 4px;
    padding-bottom: 6px;
}
/* Zebra striping */
tr:nth-of-type(even) {
    background: #f0f0f7;
}
tr:hover{ background:#bfd4f4a8 !important;}
tr:nth-of-type(odd) {
    background: white;
}

#AddPACFblid tr:nth-of-type(even) {
    background: white;
}

#AddPACFblid tr:nth-of-type(odd) {
    background: #f0f0f7;
}

th {
    background: #B0BECA;
    color: white;
    font-weight: bold;
}

td, th {
    padding: 14px;
    /*border: 1px solid #ccc;*/
    text-align: left;
}

#PACContactTbid td {
    padding: 6px;
}

#PatientReportTblid td {
    /*text-align: right;*/
}

#AvgReportTblid .event, #RDTblid .event {
    text-align: left;
}

.row_detail a {
    /*color: #00708c;*/
}

.noWrap {
    display: flex;
    flex-wrap: nowrap;
}

.more-action {
    position: relative;
    font-size: 20px;
    margin-left: -1px;
    padding: 8px;
    cursor: pointer;
    color: black;
}

.more-action-hide {
    visibility: hidden;
    font-size: 20px;
    margin-left: -1px;
    padding: 8px;
    color: black;
}


.action_list {
    width: 150px;
    height: 34px;
    overflow: hidden;
    transition: height 0.36s;

}

.Allaction_list {
    width: 150px;
    height: 68px;
    overflow: hidden;
}

.active_action {
    width: 150px;
    height: 68px;
}

.show_action {
    width: 150px;
    height: 98px;
}

.view_more {
    color: #2CA8FF !important;
    cursor: pointer;
    text-align: right;
    font-size: 16px;
    float: right;
}

    .view_more:hover {
        color: #204065 !important;
        cursor: pointer;
        text-align: right;
        font-size: 16px;
        float: right;
    }

.view_more_margin {
    margin-top: -2%;
}
#PACFSelectedid1 .title_container {
    margin-right: 5px;
}
#ReferralDetailTblid .show-referral-action {
  display: inline-block;
  width: 15% !important;
  margin-right: 10px;
  text-align: center;
}

.show-medication-detail {
    width: 100%;
    display: inline-block;
}
#Referrals .header_title{
  margin-right: 5px;
}
@media only screen and (min-device-width: 1024px) {
  .container-width-15 {
        width: 15% !important;
    }

    .container-width-20 {
        width: 20% !important;
    }

    .container-width-25 {
        width: 25% !important;
    }

    .container-width-30 {
        width: 30% !important;
    }

    .container-width-40 {
        width: 40% !important;
    }

    .padding-left-10{
        padding-left:10% !important;
    }

    .header_td {
        background-color: var(--table-header-color);
        color: var(--table-header-text-color) !important;
        /* font-weight: bold; */
        font-size: 15px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        border-bottom: 1px solid #ccc;
    }

    #PatientReportTblid .header_td, #AvgReportTblid .header_td, #PCPTblid .header_td, #RDTblid .header_td,#ReferralReportTblid .header_td {
        color: #FC8012 !important;
        font-weight: 600;
    }

    .header_container {
        width: 100%;
        display: inline-flex;
    }

  #LTCListTblid .header_title, #LTCFilterTblid .header_title, #CMTblid .header_title, #CNTblid .header_title, #COPTblid .header_title, #NTblid .header_title,
  #BedRequestTblid .header_title, #AddHospitalTblid .header_title, #Roletblid .header_title, #PatientReportTblid .header_title, #UserPreferenceColumnTbl .header_title, #SurveyList .header_title, #QuestionList .header_title, #ResponseList .header_title, #InsuranceList .header_title, #OrganizationListTable .header_title {
    display: inline-block;
    width: 25%;
    margin-right: 10px;
  }

    #PACContactTbid .header_title {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }

    #PACContactTbid .action {
        width: 10%;
    }

    #InnerPACContactTbid .header_title {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }

    #AvgReportTblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #AvgReportTblid .status_display {
        display: inline-block;
        width: 40%;
        margin-right: 10px;
    }

    #PTblid .header_title, #InsTblid .header_title {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #CRblid .header_title {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #ContactTypeTblid .header_title {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #PCPTblid .header_title, #PACFCommentTblid .header_title {
        display: inline-block;
        width: 50%;
        margin-right: 10px;
    }

    #ReferralReportTblid .header_title {
      display: inline-block;
      width: 60%;
      margin-right: 10px;
    }

    #ReferralReportTblid  .count_data {
      width: 20% !important;
    }

    #RDTblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #RDTblid .status_display {
        display: inline-block;
        width: 40%;
        margin-right: 10px;
    }

    #PACFDetailid .header_title {
        display: inline-block;
        width: 50%;
        margin-right: 10px;
        TEXT-ALIGN: CENTER;
    }

    #PatientTblid .header_title, #SummaryTblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 1%;
    }

    #Dashid .header_title {
        display: inline-block;
        width: 40%;
    }

    #Dashid .title_container {
        width: 40%;
        margin-left: -1px;

    }

    #Dashid .action {
        width: 22%;
        margin-left: 2px;
    }


    #Dashid .time-width {
        width: 40%;
        margin-right: 10px;
    }

    #ProgramListTblid .header_title {
        display: inline-block;
        width: 30%;
        margin-right: 10px;
    }

  #PACFResponseTblid .header_title, #PACHistoryTblid .header_title, #HospitalHistoryTblid .header_title, #PACFResponseTblid .title_container, #HospitalHistoryTblid .title_container, #PACHistoryTblid .title_container, #tblattach .header_title, #tblattach .title_container, #Roletblid .title_container, #SurveyList .title_container, #QuestionList .title_container, #ResponseList .title_container,#InsuranceList .header_title {
    display: inline-block;
    width: 25%;
    margin-right: 10px;
  }
  .action_inner {
    display: inline-block;
    width: 25% !important;
    margin-right: 10px;
  }
    #tblassignmember .header_title, #tblassignmember .title_container {
        display: inline-block;
        width: 33%;
        margin-right: 10px;
    }

    #InnerPACContactTbid .title_container {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
        word-break: break-all;
    }

    #InnerPACContactTbid .action {
        display: inline-block;
        width: 8%;
        margin-right: 10px;
    }

    /*#ReferralDetailTblid .header_title {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }

    #ReferralDetailTblid .title_container {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }*/

    #contacttblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #contacttblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #PCPTblid .title_container, #PACFCommentTblid .title_container {
        display: inline-block;
        width: 50%;
        margin-right: 10px;
    }

    #ReferralReportTblid .title_container {
      display: inline-block;
      width: 60%;
      margin-right: 10px;
    }
    #ReferralReportTblid .title_container .count_data {
      width: 20% !important;
    }

    #RDTblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #RDTblid .status_display {
        display: inline-block;
        width: 40%;
        margin-right: 10px;
    }

    #insHistryTbl .header_title {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #tblattach .action {
        display: inline-block;
        width: 14% !important;
        margin-right: 2px;
    }
        #tblattach .file-name-field {
        display: inline-block;
        width: 26% !important;
        margin-right: 2px;
    }
    #PACFDetailid .title_container {
        display: inline-block;
        width: 55%;
        margin-right: 10px;
    }

    #PACFDetailid .title_center {
        display: inline-block;
        width: 55%;
        margin-right: 10px;
        text-align: CENTER;
    }

    #LTCListTblid .title_container, #LTCFilterTblid .title_container, #CMTblid .title_container, #COPTblid .title_container, #NTblid .title_container,
    #CNTblid .title_container, #BedRequestTblid .title_container, #PatientReportTblid .title_container, #UserPreferenceColumnTbl .title_container {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }
     #PatientReportTblid .transition-status
    {
        display: inline-block;
        width: 30%;
        margin-right: 10px;

    }
        #PatientReportTblid .duration
    {
        display: inline-block;
        width: 20%;
        margin-right: 10px;

    }
    #AvgReportTblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #AvgReportTblid .status_display {
        display: inline-block;
        width: 40% !important;
        margin-right: 10px;
    }

    #insHistryTbl .title_container {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #CRblid .title_container, #PTblid .title_container, #InsTblid .title_container, #ContactTypeTblid .title_container {
        display: inline-block;
        width: 35%;
        margin-right: 10px;
    }

    #ProgramListTblid .title_container {
        display: inline-block;
        width: 30%;
        margin-right: 10px;
    }

    #ProgramListTblid .programName {
        display: inline-block;
        width: 50%;
        margin-right: 10px;
    }

    #AddHospitalTblid .title_container {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }
    #OrganizationListTable .title_container {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }


    #PatientTblid .title_container, #SummaryTblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 1%;

    }

    #AddPACFblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #AddPACFblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #AddPACFblid .row_container {
        max-height: 133px;
    }

    #ShowPACFblid .header_title {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    #ShowPACFblid .title_container {
        display: inline-block;
        width: 20%;
        margin-right: 10px;
    }

    /* #ShowPACFblid .row_container {
        max-height: 133px;
    } */

    #ShowPACFblid .action {

        display: inline-block;
        width: 15%;
        margin-right: 1px;
    }
    #ShowPACFblid .checkbox-width {
        display: inline-block;
        width: 2%;
        margin-right: 1px;
    }
  #ShowProvidertblblid .header_title {
    display: inline-block;
    width: 30%;
    margin-right: 10px;
  }

  #ShowProvidertblblid .title_container {
    display: inline-block;
    width: 30%;
    margin-right: 10px;
  }

  #ShowProvidertblblid .row_container {
    max-height: 133px;
  }

  #ShowProvidertblblid .action {
    display: inline-block;
    width: 12%;
    margin-right: 1px;
  }
  #ShowProvidertblblid .contact-info {
    display: inline-block;
    width: 23%;
    margin-right: 1px;
  }
  #ShowProvidertblblid .checkbox-width {
    display: inline-block;
    width: 2%;
    margin-right: 1px;
  }

    #PatientTblid .action {
        display: inline-block;
        width: 13%;
        margin-right: 1px;
    }
    /*#PatientTblid .address{
         display: inline-block;
    width: 30%;
    margin-right: 10px;
    }*/

    #PTblid .sno, #ProgramListTblid .sno, #InsTblid .sno, #ContactTypeTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #BedRequestTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #Dashid .sno {
        display: inline-block;
        width: 6%;
        margin-right: 10px;
    }
    /*#PatientTblid .sno{
         display: inline-block;
    width: 10%;
    margin-right: 10px;
    }*/
    #CMTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #NTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #PACHistoryTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #COPTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #CNTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #AddPACFblid .sno {
        display: inline-block;
        width: 5%;
        margin-right: 10px;
    }

    #PACFResponseTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #PACHistoryTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #HospitalHistoryTblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    #CRblid .sno {
        display: inline-block;
        width: 10%;
        margin-right: 10px;
    }

    .header_title {
        display: inline-block;
        width: 13%;
        margin-right: 10px;
    }

    .row_container {
        width: 100%;
        display: inline-flex;
        font-size: 14px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    .title_container {
        display: inline-block;
        width: 13%;
         margin-right: 10px;
    }

    .row_title {
        display: none;
    }

    .detail_inner {
        margin-top: 20px;
        width: 100%;
        display: inline-block;
    }

    #PACContactTbid .detail_inner {
        width: 100%;
        display: inline-block;
        margin-top: -9px;
    }

    .hidden {
        display: none;
    }

    .detail_container {
        display: inherit;
        width: 25%;
        margin-bottom: 9px;
    }

    .detail_title {
        display: table-cell;
        width: 40%;
        font-weight: bold;
        color: #00708c;
    }

    .medical_record {
        padding-left: 10%;
    }

    .target_discharge {
        padding-left: 20%;
    }

    .view_more {
        color: #2CA8FF !important;
        cursor: pointer;
        font-size: 16px;
        float: right;
    }


        .view_more:hover {
            color: #204065 !important;
            cursor: pointer;
            font-size: 16px;
            float: right;
        }

    .view_more_margin {
        margin-top: -2%;
    }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #CTYID > tr:nth-child(3) {
        border-top: 1px solid #2ca8ff;
    }

    .header_td {
        display: none;
    }

  .row_container {
    width: 100%;
    display: inline-table;
  }

    .title_container {
        display: inherit;
        width: 49% !important;
        margin-bottom: 10px;
    }

    .row_title {
        display: table-cell;
        width: 46%;
        font-weight: bold;
    }

    .detail_inner {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

    .detail_container {
        display: inherit;
        width: 50%;
    }

    .detail_title {
        font-weight: bold;
        display: table-cell;
        width: 50%;
    }

    .hidden {
        display: none;
    }

  #PACFDetailid .header_title {
    display: inline-table;
    width: 50%;
    margin-right: 10px;
    TEXT-ALIGN: CENTER;
  }

  #PACFDetailid .title_container {
    display: inline-table;
    width: 90%;
    margin-right: 24px;
  }

  #PACFDetailid .title_center {
    display: inline-table;
    /* width: 55%; */
    margin-right: 10px;
  }

    #PACFDetailid .row_title {
        display: table-cell;
        width: 60%;
        font-weight: bold;
        color: #3A8890;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 520px) {

    #contacttblid > tr:nth-child(3) {
        border-top: 1px solid #2ca8ff;
    }

    body {
        padding: 0;
        margin: 0;
    }

    .header_td {
        display: none;
    }

  .row_container {
    width: 100%;
    display: block;
  }

    .title_container {
        display: inherit;
        width: 100% !important;
        MARGIN-BOTTOM: 8PX;
    }

    .row_title {
        display: table-cell;
        width: 44%;
        font-weight: bold;
        color: #3A8890;
    }

    #PatientReportTblid td {
        text-align: left;
    }

    #AvgReportTblid td {
        text-align: left;
    }

    #PACFDetailid .row_title {
        display: table-cell;
        width: 60%;
        font-weight: bold;
        color: #3A8890;
    }

  .detail_inner {
    width: 100%;
    margin-top: 30px;
    display: inline-table;
  }

  .detail_inside {
    width: 100%;
    display: inline-table;
  }

    .detail_container {
        display: inherit;
        width: 100%;
        margin-bottom: 10px;
    }

    .detail_title {
        display: table-cell;
        width: 50%;
        font-weight: bold;
    }

    .hidden {
        display: none;
    }

    .action {
        margin-top: 10px;
    }

        .action a {
            margin-right: 1px;
        }
}

@media only screen and (min-device-width : 900px) and (max-device-width :1440px) {


    #PatientTblid .title_container {
        display:inline-block;
        width: 20%;
        margin-right: 1%;

    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .row_container {
    width: 100%;
    display: inline-flex;
  }
  #ReferralDetailTblid .title_container {
    width: 49% !important;
    margin-right: 0px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .title_container {
        display: inherit;
        width: 48% !important;
    }
    #LTCListTblid .title_container, #LTCFilterTblid .title_container, #CMTblid .title_container, #COPTblid .title_container, #NTblid .title_container, #CNTblid .title_container, #BedRequestTblid .title_container, #PatientReportTblid .title_container, #UserPreferenceColumnTbl .title_container {
        display: inline-table;
        width: 25%;
        /* margin-right: 10px; */
    }
    .row_container {
    width: 100%;
    display: inline-block;
  }
  #PatientTblid .title_container {
    display: inline-table;
    width: 100%;
    margin-right: 1%;
  }
  #Dashid .preferred-width {
     margin-right: 0px !important;
  }
  #Dashid .time-width {
     margin-right: 0px !important;
  }
  #PatientTblid .title_container, #SummaryTblid .title_container {

    margin-right: 0px !important;
  }
  .medical_record {
    padding-left: 0px !important;
  }
  #ProviderSeclectionDash .title_container {
    width: 100% !important;
  }
}
#ReferralDetailTblid .header_title {
  display: inline-block;
  width: 25%;
  margin-right: 10px;
}

#ReferralDetailTblid .title_container {
  display: inline-block;
  width: 25%;
  margin-right: 10px;
}
#ReferralDetailTblid .providerType-count-width {
  width: 2%;
  margin-right: 25px;
  margin-left: -5px;
}
#ReferralDetailTblid .inpatient-count-width {
  width: 10%;
}
#Dashid .preference {
  width: 35%;
  margin-right: 10px;
}

#Dashid .provider-width {
  width: 45%;
  margin-right: 0px;
}

#Dashid .preferred-width {
  width: 40%;
  margin-right: 10px;
}

#Dashid .provider-count-width {
  width: 2%;
  margin-right: 25px;
  margin-left: -5px;
}
#Dashid .patient-name{
    width: 35%;
}
/*Ipad portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .row_container {
    width: 100%;
    display: inline-table;
  }
  #ReferralDetailTblid .show-referral-action {
    text-align: initial;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {


    .title_container {
        display: inherit;
        width: 48% !important;
        margin-bottom: 10px;
    }
    #PatientTblid .title_container {
    display: inline-grid;
    width: 48% !important;
    margin-right: 1%;
  }
  #ReferralDetailTblid .title_container {
    width: 48% !important;
  }
  #ProviderSeclectionDash .title_container{
      width: 100% !important;
  }
}
@media only screen and (max-width: 480px){
  #ReferralDetailTblid .title_container {
    display: inline;
    width: 25%;
    margin-right: 10px;
  }
}