@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/PDD.Web.HMIS.UI/Components/CmpBottomNavbar.razor.rz.scp.css */

.bottonSpan[b-o68zxy1v50] {
    position: absolute;
    color: white;
    text-align: center
}

.url[b-o68zxy1v50] {
    color: #FFD700;
}




/*===============   Mobile   ===========*/

@media (max-width: 650px) {

    .botomNavbar[b-o68zxy1v50] {
        background-color: #191970;
        height: 5vw;
        text-align: center
    }


    .textBottom[b-o68zxy1v50] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 9.5vw;
        margin-top: 1vw;
        font-size: 2vw;
    }
}



/*===============   Tablet   ===========*/
@media (min-width: 601px) and (max-width:950px) {

    .botomNavbar[b-o68zxy1v50] {
        background-color: #191970;
        height: 17px;
        text-align: center
    }


    .textBottom[b-o68zxy1v50] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 25vw;
        font-size: 12px;
    }
}


/*===============   PC   ===========*/
@media (min-width: 951px) and (max-width:1300px) {

    .botomNavbar[b-o68zxy1v50] {
        background-color: #191970;
        height: 18px;
        text-align: center
    }


    .textBottom[b-o68zxy1v50] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 32vw;
        font-size: 12px;
    }
}


/*===============   Large PC   ===========*/
@media (min-width: 1301px) {

    .botomNavbar[b-o68zxy1v50] {
        background-color: #191970;
        height: 17px;
        text-align: center
    }


    .textBottom[b-o68zxy1v50] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 24vw;
        font-size: 12px;
    }

    /*===============   Large PC   ===========*/
    @media (min-width: 1401px) {

        .botomNavbar[b-o68zxy1v50] {
            background-color: #191970;
            height: 17px;
            text-align: center
        }


        .textBottom[b-o68zxy1v50] {
            display: flex;
            justify-content: center;
            flex-direction: column;
            /*margin-right:250px ;*/
            text-align: center;
            margin-right: 34vw;
            font-size: 12px;
        }
    }
/* _content/PDD.Web.HMIS.UI/Components/CmpMain.razor.rz.scp.css */
.itemLogo :hover[b-zqnun8aexs] {
    background-color: antiquewhite
}
/* _content/PDD.Web.HMIS.UI/Components/CmpPageHeader.razor.rz.scp.css */


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .imgheader[b-0df5wqn2g0] {
        width: 35px;
        height: 35px
    }

    .pagetitle[b-0df5wqn2g0] {
        font-size: 25px;
        font-weight: bold
    }
}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {
    .imgheader[b-0df5wqn2g0] {
        width: 45px;
        height: 45px
    }

    .pagetitle[b-0df5wqn2g0] {
        font-size: 20px;
        font-weight: bold
    }
}
/* _content/PDD.Web.HMIS.UI/Components/Modal/Test.razor.rz.scp.css */
.lblSearchPart[b-tkmnfr2vog] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-tkmnfr2vog]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-tkmnfr2vog] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:350px;
    margin-right : -2px
}

.MainpartGrid[b-tkmnfr2vog] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-tkmnfr2vog], th[b-tkmnfr2vog], td[b-tkmnfr2vog] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-tkmnfr2vog] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-tkmnfr2vog] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-tkmnfr2vog] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-tkmnfr2vog] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-tkmnfr2vog] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-tkmnfr2vog]{
    width : 100px
}

.imgAcceptPart[b-tkmnfr2vog] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-tkmnfr2vog]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/Insurance.razor.rz.scp.css */
.btn-custom[b-xi0gbe6xhj] {
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-icon[b-xi0gbe6xhj]
{
    width:32px;
}
    .lblCaption[b-xi0gbe6xhj] {
        border: 0.5px solid gray;
        color: white;
        font-size: 13px;
        background-color: #436bff;
        width: 100%
    }

    .input01[b-xi0gbe6xhj] {
        background-color: white;
        width: 160px;
        border: 0.5px solid gray;
        width: 100%;
    }


    .mainGridTable[b-xi0gbe6xhj] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
    }


    .tr[b-xi0gbe6xhj], th[b-xi0gbe6xhj], td[b-xi0gbe6xhj] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-xi0gbe6xhj] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-xi0gbe6xhj] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-xi0gbe6xhj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-xi0gbe6xhj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-xi0gbe6xhj] {
            background-color: yellow;
            /*            font-weight: bold*/
        }
.btn-row-group[b-xi0gbe6xhj] {
    --bs-gutter-x: -2.25 rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
/* _content/PDD.Web.HMIS.UI/Pages/DrugInventory/Modal/ModalListDrugSelectForDataDocument.razor.rz.scp.css */

.SelectDrugMainGrid[b-8sy6nedfma] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}

.SelectDrugHeader[b-8sy6nedfma] {
    background-color: #3192c1;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.tr[b-8sy6nedfma], th[b-8sy6nedfma], td[b-8sy6nedfma] {
    border: 0.5px dotted lightblue;
}


.SelectDrugTr[b-8sy6nedfma] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SelectDrugTr2[b-8sy6nedfma] {
    width: 100%;
    display: table;
    table-layout: fixed;
}



/*=================  Tablet  ==================*/
@media (max-width: 991px) {


}
/*=================  PC  ==================*/
@media (min-width: 992px) and (max-width:1440px) {

    .SelectDrugMainGrid[b-8sy6nedfma] {
        max-height: 250px;
        max-width: 1300px;
    }

    .SelectDrugMainGrid2[b-8sy6nedfma] {
        max-height: 160px;
        max-width: 1300px;
    }
    .SelectDrugBody[b-8sy6nedfma] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }


    .SelectDrugBody2[b-8sy6nedfma] {
        font-size: 11px;
        display: table;
        table-layout: fixed;
    }
}

/*=================  Large PC  ==================*/
@media (min-width: 1441px)  {

    .SelectDrugMainGrid[b-8sy6nedfma] {
        max-height: 350px;
        max-width: 1650px;
    }

    .SelectDrugMainGrid2[b-8sy6nedfma] {
        max-height: 300px;
        max-width: 1650px;
    }

    .SelectDrugBody[b-8sy6nedfma] {
        font-size: 15px;
        display: table;
        table-layout: fixed;
    }

    .SelectDrugBody2[b-8sy6nedfma] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenBill/CmpMain_BedriddenBill.razor.rz.scp.css */


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblBDBill[b-db2haplamu] {
        text-align: center;
        border: 0.7px solid gray;
        width: 73px;
        font-size: 13px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #C4DDFF
    }

    .lblBDBill2[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: powderblue;
        font-size: 13px;
        margin-right: 11px
    }

    .lblBDBill3[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: powderblue;
        font-size: 13px;
        width:80% ;
        margin-right:11px
    }

    .btnBDBill[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 63%;
        margin-left: 3px;
        border: 0.7px solid gray;
    }
    .btnBDBill2[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 35%;
        border: 0.7px solid gray;
    }

    .btnBDBill3[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 49%;
        margin-left: 3px;
        border: 0.7px solid gray;
    }

    .btnBDBill4[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 49%;
        border: 0.7px solid gray;
    }

    .rowMainGrid[b-db2haplamu] {
        height: 210px;
    }

    .BBillmainGrid[b-db2haplamu] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 200px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
    }

    .tr[b-db2haplamu], th[b-db2haplamu], td[b-db2haplamu] {
        border: 1px dotted lightblue;
    }

    .BBillHeader[b-db2haplamu] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BBillBody[b-db2haplamu] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BBillTr[b-db2haplamu] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BBillTr2[b-db2haplamu] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BBillTr2 :hover[b-db2haplamu] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .lblBBillFother[b-db2haplamu] {
        text-align: center;
        border: 0.7px solid gray;
        font-size: 13px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #436bff;
        color: white
    }

    .inputBBillFooter[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: lavender;
        font-size: 13px;
        margin-right: 2px
    }

/*    .btnBDBill4 {
        font-size: 9px ;
        text-align:center ;
        height: 24px;
        border: 0.7px solid gray;
    }*/

    .imgDelete[b-db2haplamu]{
        height:15px ;
        width : 15px ;
    }
}


/*=================  Large PC  ==================*/

@media (min-width: 1400px) {
    .lblBDBill[b-db2haplamu] {
        text-align: center;
        border: 0.7px solid gray;
        width: 73px;
        font-size: 13px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #C4DDFF
    }

    .lblBDBill2[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: powderblue;
        font-size: 13px;
        margin-right: 11px
    }

    .lblBDBill3[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: powderblue;
        font-size: 13px;
        width: 80%;
        margin-right: 11px
    }

    .btnBDBill[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 63%;
        margin-left: 3px;
        border: 0.7px solid gray;
    }

    .btnBDBill2[b-db2haplamu] {
        font-size: 12px;
        height: 24px;
        width: 35%;
        border: 0.7px solid gray;
    }

    .btnBDBill3[b-db2haplamu] {
        font-size: 13px;
        height: 24px;
        width: 49%;
        margin-left: 3px;
        border: 0.7px solid gray;
    }

    .btnBDBill4[b-db2haplamu] {
        font-size: 13px;
        height: 24px;
        width: 49%;
        border: 0.7px solid gray;
    }


    .rowMainGrid[b-db2haplamu]{
        height:480px ;
    }

    .BBillmainGrid[b-db2haplamu] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 470px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1600px;
        cursor: pointer;
    }

    .tr[b-db2haplamu], th[b-db2haplamu], td[b-db2haplamu] {
        border: 1px dotted lightblue;
    }

    .BBillHeader[b-db2haplamu] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BBillBody[b-db2haplamu] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BBillTr[b-db2haplamu] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BBillTr2[b-db2haplamu] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BBillTr2 :hover[b-db2haplamu] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .lblBBillFother[b-db2haplamu] {
        text-align: center;
        border: 0.7px solid gray;
        font-size: 13px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #436bff;
        color: white
    }

    .inputBBillFooter[b-db2haplamu] {
        border: 0.7px solid gray;
        background-color: lavender;
        font-size: 13px;
        margin-right: 2px
    }

/*    .btnBDBill4 {
        font-size: 9px;
        text-align: center;
        height: 24px;
        border: 0.7px solid gray;
    }*/

    .imgDelete[b-db2haplamu] {
        height: 18px;
        width: 17px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenDocument/CmpMain_BedriddenDocument.razor.rz.scp.css */


/*=================  Tablet  ==================*/
@media (max-width: 991px) {

}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .labelCaption[b-rt5gfx7knn] {
        font-size: 14px;
    }

    .labelCaption2[b-rt5gfx7knn] {
        font-size: 13px;
    }

    .labelCaption3[b-rt5gfx7knn] {
        font-size: 13px;
        width: 140px;
        background-color: #93ABD3 ;
        text-align:center;
        border : 0.8px solid gray ;
        height :23px ;
        margin-right : 15px
    }
    .inputmain[b-rt5gfx7knn] {
        background-color: lavender;
        border: 0.5px solid gray;
    }

}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenDocument/CmpMain_BedriddenDocumentRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-6vmk1adee8] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-6vmk1adee8] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-6vmk1adee8] {
        text-align: center;
        font-size: 11px ;
    }


    .HeaderMenu[b-6vmk1adee8] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-6vmk1adee8] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-6vmk1adee8] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-6vmk1adee8] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-6vmk1adee8] {
        width: 35px;
        height: 40px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-6vmk1adee8] {
        text-align: center;
        font-size: 12px
    }


    .HeaderMenu[b-6vmk1adee8] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-6vmk1adee8] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-6vmk1adee8] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenReferral/CmpMain_BedriddenCurrent.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .lblCaption[b-r94vl97q2t] {
        border: 0.5px solid gray;
        color: white;
        font-size: 13px;
        background-color: #436bff;
        width: 90px
    }

    .input01[b-r94vl97q2t] {
        background-color: lavender;
        width: 160px;
        border: 0.5px dotted gray;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblCaption[b-r94vl97q2t] {
        border: 0.5px solid gray;
        color: white;
        font-size: 13px;
        background-color: #436bff ;
        width : 90px
    }

    .input01[b-r94vl97q2t]{
        background-color : lavender ;
        width : 160px ;
        border : 0.5px solid gray ;
    }


    .mainGridTable[b-r94vl97q2t] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        
    }


    .tr[b-r94vl97q2t], th[b-r94vl97q2t], td[b-r94vl97q2t] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-r94vl97q2t] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-r94vl97q2t] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-r94vl97q2t] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-r94vl97q2t] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-r94vl97q2t] {
            background-color: yellow;
/*            font-weight: bold*/
        }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenReferral/CmpMain_BedriddenReferral.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .labelCaption[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: #93ABD3;
        width: 100px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right: 8px
    }

    .detailCaption[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: powderblue;
        width: 160px;
        text-align: center;
        border: 0.7px solid gray;
    }

    .labelCaption2[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: #93ABD3;
        width: 100px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right: 8px
    }

    .detailCaption2[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: lavender;
        width: 160px;
        text-align: center;
        border: 0.7px solid gray;
    }

    .labelCaption3[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: #93ABD3;
        width: 65px;
        height:21px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right: 8px
    }

    .labelCaption4[b-57sy7xlp5p] {
        font-size: 11px;
        background-color: #82C3EC;
        width: 100px;
        height: 21px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right: 8px
    }

    .labelCaption5[b-57sy7xlp5p] {
        font-size: 11px;
        background-color: #93ABD3;
        height: 21px;
        text-align: center;
        border: 0.7px solid gray;
    }

    .detailCaption4[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: lavender;
        width: 160px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right:-15px
    }

    .labelCaption5[b-57sy7xlp5p] {
        font-size: 10px;
        background-color: #93ABD3;
        width: 80px;
        text-align: center;
        border: 0.7px solid gray;
        margin-right: 8px
    }

    .detailCaption5[b-57sy7xlp5p] {
        font-size: 13px;
        background-color: lavender;
        width: 100px;
        text-align: center;
        border: 0.7px solid gray;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenReferral/CmpMain_BedriddenReferralRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-wnck8qagiv] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-wnck8qagiv] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-wnck8qagiv] {
        text-align: center;
        font-size: 11px ;
    }


    .HeaderMenu[b-wnck8qagiv] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-wnck8qagiv] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-wnck8qagiv] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-wnck8qagiv] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-wnck8qagiv] {
        width: 30px;
        height: 35px;
        text-align: center;
        margin-top: 10px
    }

    .itemimg5[b-wnck8qagiv] {
        width: 60px;
        height: 60px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-wnck8qagiv] {
        text-align: center;
        font-size: 12px
    }


    .HeaderMenu[b-wnck8qagiv] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-wnck8qagiv] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-wnck8qagiv] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/BedriddenReferral/CmpMain_SearchBedriddenReferral.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .BRSearchlbl[b-ivtvwhy6q3] {
        font-size: 13px;
        border: 0.5px solid gray;
        background-color: #436bff;
        color: white;
        width: 100%;
    }

    .Row05[b-ivtvwhy6q3] {
        margin-top: -3px;
    }

    .BRSerchInp[b-ivtvwhy6q3] {
        font-size: 13px;
        border: 0.5px solid gray;
        background-color: lavender;
        width: 100%;
        margin-right: -20px
    }

    .BRSearchMainGrid[b-ivtvwhy6q3] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 325px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        height: 330px
    }

    .tr[b-ivtvwhy6q3], th[b-ivtvwhy6q3], td[b-ivtvwhy6q3] {
        border: 0.5px dotted blue;
    }

    .BRSearchHeader[b-ivtvwhy6q3] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BRSearchBody[b-ivtvwhy6q3] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BRSerachTr[b-ivtvwhy6q3] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BRSerachTr2[b-ivtvwhy6q3] {
        width: 100%;
        display: table;
        table-layout: fixed;

    }

        .BRSerachTr2 :hover[b-ivtvwhy6q3] {
            background-color: yellow;
            font-weight: bold
        }

    .btnSearch[b-ivtvwhy6q3] {
        width: 150px;
        padding-bottom: 2px;
        padding-top: 2px;
        margin-right: 20px;
        border: 0.5px dotted gray;
        margin-top: 5px
    }

    .imgBRSearch[b-ivtvwhy6q3] {
        width: 31px;
        height: 31px
    }

    .txtBRSearch[b-ivtvwhy6q3] {
        font-size: 14px;
        text-align: center
    }
}



/*=================  Large PC  ==================*/

@media (min-width: 1400px) {
    .BRSearchlbl[b-ivtvwhy6q3] {
        font-size: 15px;
        border: 0.5px solid gray;
        background-color: #436bff;
        color: white;
        width: 100%;
        height:24px
    }

    .Row05[b-ivtvwhy6q3]{
        margin-top:-3px ;
    }

    .BRSerchInp[b-ivtvwhy6q3] {
        font-size: 13px;
        border: 0.5px solid gray;
        background-color: lavender;
        width: 100%;
        margin-right: -20px
    }

    .BRSearchMainGrid[b-ivtvwhy6q3] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 625px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1800px;
        cursor: pointer;
        height: 730px
    }

    .tr[b-ivtvwhy6q3], th[b-ivtvwhy6q3], td[b-ivtvwhy6q3] {
        border: 0.5px dotted blue;
    }

    .BRSearchHeader[b-ivtvwhy6q3] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BRSearchBody[b-ivtvwhy6q3] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BRSerachTr[b-ivtvwhy6q3] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BRSerachTr2[b-ivtvwhy6q3] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BRSerachTr2 :hover[b-ivtvwhy6q3] {
            background-color: yellow;
            font-weight: bold
        }

    .btnSearch[b-ivtvwhy6q3] {
        width: 150px;
        padding-bottom: 2px;
        padding-top: 2px;
        margin-right: 20px;
        border: 0.5px dotted gray;
        margin-top: 5px
    }

    .imgBRSearch[b-ivtvwhy6q3] {
        width: 31px;
        height: 31px
    }

    .txtBRSearch[b-ivtvwhy6q3] {
        font-size: 14px;
        text-align: center
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/Cash/CmpHpmain_Cash.razor.rz.scp.css */
.cardHeader[b-15yvi8b19z] {
    background-color: #C4DDFF;
}


.cardGrid[b-15yvi8b19z] {
    background-color: #77ACF1;
    height: 490px
}

.cardmenu[b-15yvi8b19z] {
    background-color: #C4DDFF
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .labelCaption[b-15yvi8b19z] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelInput[b-15yvi8b19z] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 90px ;
        border:0.5px solid gray
    }

    .labelCaption2[b-15yvi8b19z] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: #3330E4;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px;
        color: white
    }

    .labelCaption3[b-15yvi8b19z] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: #95CD41;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px;
    }

    .labelCaption4[b-15yvi8b19z] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: #3330E4;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 120px;
        color: white
    }

    .mainGridTable[b-15yvi8b19z] {
        background-color: white;
        display: block;
        height: 480px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-15yvi8b19z], th[b-15yvi8b19z], td[b-15yvi8b19z] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-15yvi8b19z] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-15yvi8b19z] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-15yvi8b19z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-15yvi8b19z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-15yvi8b19z] {
            background-color: yellow;
            font-weight: bold
        }


    .imgMenu[b-15yvi8b19z] {
        height: 25px;
        width: 35px;
        text-align: center
    }



    .lblMenu[b-15yvi8b19z] {
        text-align: center;
        font-size: 11px
    }
}




/*=================  PC  ==================*/
@media (min-width: 992px) {

    .labelCaption[b-15yvi8b19z] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 80px
    }

    .labelInput[b-15yvi8b19z] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px;
        margin-left: 10px;
        border: 0.5px solid gray ;
    }


    .labelCaption2[b-15yvi8b19z] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: #3330E4;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px;
        color: white
    }

    .labelCaption3[b-15yvi8b19z] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: #95CD41;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px;
    }

    .labelCaption4[b-15yvi8b19z] {
        font-size: 9px;
        border: solid 1px gray;
        background-color: #3330E4;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px;
        color: white
    }



    .mainGridTable[b-15yvi8b19z] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }


    .tr[b-15yvi8b19z], th[b-15yvi8b19z], td[b-15yvi8b19z] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-15yvi8b19z] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-15yvi8b19z] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-15yvi8b19z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-15yvi8b19z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-15yvi8b19z] {
            background-color: yellow;
            font-weight: bold
        }

    .imgMenu[b-15yvi8b19z] {
        height: 25px;
        width: 35px;
        text-align: center
    }



    .lblMenu[b-15yvi8b19z] {
        text-align: center;
        font-size: 11px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/Cash/CmpHpmain_CashRightMenu.razor.rz.scp.css */
.RightMenu2[b-nrenx7nltu] {
    position: sticky;
    width: 107%
}

/*.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background-color: red !important;

}*/

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper[b-nrenx7nltu] {
    background-color: red !important;
}



/*=================  Tablet  ==================*/

@media (max-width: 991px) {
    .itemimg[b-nrenx7nltu] {
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {
    .itemimg[b-nrenx7nltu] {
        width : 45px ;
        height : 30px ;
        text-align:center ;
        margin-top : 3px
    }

    .itemcaption[b-nrenx7nltu]{
        text-align:center ;
        font-size : 11px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/CmpMain_LeftMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

}


/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width : 1440px) {

    .HeaderMenu[b-8sfjc4o821] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .labelCaption[b-8sfjc4o821] {
        font-size: 11px
    }

    .labelDetail[b-8sfjc4o821]{
        font-size:13px
    }
}


/*=================  PC  ==================*/

@media (min-width: 1441px) {

    .HeaderMenu[b-8sfjc4o821] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        padding-top:5px ;
        padding-bottom:5px
    }

    .labelCaption[b-8sfjc4o821] {
        font-size: 14px
    }

    .labelDetail[b-8sfjc4o821] {
        font-size: 16px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/CmpMain_Main.razor.rz.scp.css */
.btnSearch[b-q93lxykmcu] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 120%;
    font-weight: bold;
    line-height: 3;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #D8BFD8;
    margin-top: -80px
}


#frozen-btn[b-q93lxykmcu] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button[b-q93lxykmcu] {
    border: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    color: white;
    outline: none;
    position: relative;
    margin-top: -10px
}

    button[b-q93lxykmcu]:before {
        content: '';
        display: block;
        /*background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 50%);*/
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(214, 155, 44, 8.4) 50%);
        background-size: 210% 100%;
        background-position: right bottom;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 10px;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

.btn-green[b-q93lxykmcu] {
    background: #0f1490;
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}


    .btn-green:hover[b-q93lxykmcu]:before {
        background-position: left bottom;
    }

.Oihidden[b-q93lxykmcu] {
    font-size: 18px;
}


.lblSearch[b-q93lxykmcu] {
    background-color: #E4FBFF;
    padding: 3px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 8px;
    padding-right: 8px;
    height: 28px
}

.inputstye[b-q93lxykmcu] {
    background-color: lavender;
}

.labelImg[b-q93lxykmcu] {
    width: 28px;
    height: 28px
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .btn-green[b-q93lxykmcu] {
        height: 15px;
        width: 160px;
        border-radius: 15px;
    }

    .caption[b-q93lxykmcu] {
        font-size: 11px;
        font-weight: 600;
    }

    .caption2[b-q93lxykmcu] {
        font-size: 9px;
        font-weight: 600;
    }

    .serviceDesc[b-q93lxykmcu]{
        font-size : 13px ;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .btn-green[b-q93lxykmcu] {
        height: 19px;
        width: 200px;
        border-radius: 15px;
    }


    .caption[b-q93lxykmcu] {
        font-size: 12px;
        font-weight: 500;
    }

    .caption2[b-q93lxykmcu] {
        font-size: 12px;
        font-weight: 500;
    }

    .serviceDesc[b-q93lxykmcu] {
        font-size: 12px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Components/CmpMain_RightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-2i5881me3t] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-2i5881me3t] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-2i5881me3t] {
        text-align: center;
        font-size: 11px ;
    }


    .HeaderMenu[b-2i5881me3t] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-2i5881me3t] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-2i5881me3t] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px)  and (max-width : 1440px) {

    .RightMenu2[b-2i5881me3t] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-2i5881me3t] {
        width: 37px;
        height: 40px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-2i5881me3t] {
        text-align: center;
        font-size: 12px
    }


    .HeaderMenu[b-2i5881me3t] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size:14px
    }

    .span01[b-2i5881me3t] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-2i5881me3t] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}


/*=================  Larg PC  ==================*/

@media (min-width : 1441px) {

    .RightMenu2[b-2i5881me3t] {
        position: sticky;
        width: 101% ;
        height:200px ;
    }

    .itemimg[b-2i5881me3t] {
        width: 37px;
        height: 40px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-2i5881me3t] {
        text-align: center;
        font-size: 12px
    }


    .HeaderMenu[b-2i5881me3t] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 14px
    }

    .span01[b-2i5881me3t] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-2i5881me3t] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }


}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalAddBirthLocation.razor.rz.scp.css */
.lblSearchPart[b-95l5dfnyzr] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-95l5dfnyzr]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-95l5dfnyzr] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:350px;
    margin-right : -2px
}

.MainpartGrid[b-95l5dfnyzr] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-95l5dfnyzr], th[b-95l5dfnyzr], td[b-95l5dfnyzr] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-95l5dfnyzr] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-95l5dfnyzr] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-95l5dfnyzr] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-95l5dfnyzr] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-95l5dfnyzr] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-95l5dfnyzr]{
    width : 100px
}

.imgAcceptPart[b-95l5dfnyzr] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-95l5dfnyzr]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalAddDisease.razor.rz.scp.css */
.lblSearchPart[b-eur5tc8lnu] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-eur5tc8lnu]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-eur5tc8lnu] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:350px;
    margin-right : -2px
}

.MainpartGrid[b-eur5tc8lnu] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-eur5tc8lnu], th[b-eur5tc8lnu], td[b-eur5tc8lnu] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-eur5tc8lnu] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-eur5tc8lnu] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-eur5tc8lnu] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-eur5tc8lnu] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-eur5tc8lnu] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-eur5tc8lnu]{
    width : 100px
}

.imgAcceptPart[b-eur5tc8lnu] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-eur5tc8lnu]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalAdvanceRate.razor.rz.scp.css */
.labelAdvance[b-efdl5yo46m] {
    background-color: #82C3EC;
    font-size : 14px ;
    width : 100px;
    text-align:center;
    border : 0.7px solid gray ;
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBaseBeneficiary.razor.rz.scp.css */
.lblSearchPart[b-zrg6gzx9u3] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-zrg6gzx9u3]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-zrg6gzx9u3] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:320px;
    margin-right : -2px
}

.MainpartGrid[b-zrg6gzx9u3] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-zrg6gzx9u3], th[b-zrg6gzx9u3], td[b-zrg6gzx9u3] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-zrg6gzx9u3] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-zrg6gzx9u3] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-zrg6gzx9u3] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-zrg6gzx9u3] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-zrg6gzx9u3] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-zrg6gzx9u3]{
    width : 100px
}

.imgAcceptPart[b-zrg6gzx9u3] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-zrg6gzx9u3]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBaseDisease.razor.rz.scp.css */
.lblSearchPart[b-5g9qgp0jbf] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-5g9qgp0jbf]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-5g9qgp0jbf] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:350px;
    margin-right : -2px
}

.BaseDiseasemainGrid[b-5g9qgp0jbf] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-5g9qgp0jbf], th[b-5g9qgp0jbf], td[b-5g9qgp0jbf] {
    border: 0.5px dotted lightblue;
}

.BaseDiseaseHeader[b-5g9qgp0jbf] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.BaseDiseaseBody[b-5g9qgp0jbf] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.baseDiseaseTr[b-5g9qgp0jbf] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.baseDiseaseTr2[b-5g9qgp0jbf] {
    width: 100%;
    display: table;
    table-layout: fixed;
}


/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBasePart.razor.rz.scp.css */
.lblSearchPart[b-ac68ddy4qb] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-ac68ddy4qb]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-ac68ddy4qb] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:350px;
    margin-right : -2px
}

.MainpartGrid[b-ac68ddy4qb] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 320px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-ac68ddy4qb], th[b-ac68ddy4qb], td[b-ac68ddy4qb] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-ac68ddy4qb] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-ac68ddy4qb] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-ac68ddy4qb] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-ac68ddy4qb] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-ac68ddy4qb] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-ac68ddy4qb]{
    width : 100px
}

.imgAcceptPart[b-ac68ddy4qb] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-ac68ddy4qb]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBaseRemedialActivity.razor.rz.scp.css */
.lblSearchPart[b-nuukdwqz7p] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-nuukdwqz7p]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-nuukdwqz7p] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:320px;
    margin-right : -2px
}

.MainpartGrid[b-nuukdwqz7p] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-nuukdwqz7p], th[b-nuukdwqz7p], td[b-nuukdwqz7p] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-nuukdwqz7p] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-nuukdwqz7p] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-nuukdwqz7p] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-nuukdwqz7p] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-nuukdwqz7p] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-nuukdwqz7p]{
    width : 100px
}

.imgAcceptPart[b-nuukdwqz7p] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-nuukdwqz7p]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBedriddencompanion.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {

    .BDComponionlbl[b-2to3k6j4u8] {
        border: 0.5px solid gray;
        text-align: right;
        background-color: #93ABD3;
        width: 100px;
        text-align: center;
        font-size:13px
    }

    .BDComponionspan[b-2to3k6j4u8] {
        color: black;
        font-size:13px;
        margin-right: 5px;
        background-color: powderblue;
        border: 0.5px solid gray;
        width : 140px;
        text-align:center
    }


    .setComponionlbl[b-2to3k6j4u8] {
        font-size: 13px;
        border: 0.5px solid gray;
        width: 100px;
        text-align: center;
        background-color: aqua;
        margin-right: 5px;
        height: 22px
    }

    .setComponioninput[b-2to3k6j4u8] {
        font-size: 13px;
        border: 0.5px solid gray;
        width: 180px;
        text-align: center;
        background-color: lavender;
        height:22px
    }


    .BDCompanionMainGrid[b-2to3k6j4u8] {
        background-color: white;
        display: block;
        height: 300px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: rtl;
    }

    .tr[b-2to3k6j4u8], th[b-2to3k6j4u8], td[b-2to3k6j4u8] {
        border: 0.3px dotted gray;
    }

    .BDCompanionHeader[b-2to3k6j4u8] {
        /*background-color: #143F6B;*/
        background-color: #231955;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BDCompanionBody[b-2to3k6j4u8] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BDCompanionTR[b-2to3k6j4u8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BDCompanionTR2[b-2to3k6j4u8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BDCompanionTR2:hover[b-2to3k6j4u8] {
        background-color: #97D2EC;
    }
}

/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBedriddenCurrentLike.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {

    .DocLikeMainGridTable[b-5d5w5uwbfi] {
        background-color: white;
        display: block;
        height: 285px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: rtl;
    }

    .tr[b-5d5w5uwbfi], th[b-5d5w5uwbfi], td[b-5d5w5uwbfi] {
        border: 0.3px dotted gray;
    }

    .DocLikeHeader[b-5d5w5uwbfi] {
        /*background-color: #143F6B;*/
        background-color: #3E6D9C;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .DocLikeBody[b-5d5w5uwbfi] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .DocLikeTr[b-5d5w5uwbfi] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .DocLikeTr2[b-5d5w5uwbfi] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .DocLikeTr2:hover[b-5d5w5uwbfi] {
            background-color: #97D2EC;
        }
}

/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBedSelection.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblHeaderBedSelection[b-1jftx5wt5z] {
        width: 100px;
        text-align: center;
        border: 0.7px solid gray;
        background-color: #93ABD3 ;
    }

    .spanHeaderBedSelection[b-1jftx5wt5z]{
        font-size:13px
    }

    .lblHeaderBedSelection2[b-1jftx5wt5z] {
        width: 130px;
        text-align: center;
        border: 0.7px solid gray;
        background-color : powderblue ;
        margin-left : 15px
    }

    .spanHeaderBedSelection2[b-1jftx5wt5z] {
        font-size: 14px
    }

    .MainBedSelectGrid[b-1jftx5wt5z] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 325px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
    }

    .tr[b-1jftx5wt5z], th[b-1jftx5wt5z], td[b-1jftx5wt5z] {
        border: 0.5px dotted lightblue;
    }

    .BedSelectGridHeader[b-1jftx5wt5z] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .BedSelectGridBody[b-1jftx5wt5z] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .BedSelectGridTr[b-1jftx5wt5z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BedSelectGridTr2[b-1jftx5wt5z] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BedSelectGridTr2 :hover[b-1jftx5wt5z] {
            background-color: yellow;
            font-weight: bold
        }

    .buttonAcceptPart[b-1jftx5wt5z] {
        width: 120px ;
        padding-bottom : 7px ;
        padding-top : 7px;
        margin-left : 15px
    }

    .imgAcceptPart[b-1jftx5wt5z] {
        width: 25px;
        height: 25px
    }

    .txtAcceptPart[b-1jftx5wt5z] {
        font-size: 14px;
        text-align: center
    }
}


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalCash.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .lblcaption[b-jf2wf4wp5a] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 90px
    }


    .inputcaption[b-jf2wf4wp5a] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px;
        font-weight: bold;
   
    }

    .radioitem[b-jf2wf4wp5a] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-jf2wf4wp5a] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-jf2wf4wp5a], th[b-jf2wf4wp5a], td[b-jf2wf4wp5a] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-jf2wf4wp5a] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-jf2wf4wp5a] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-jf2wf4wp5a] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-jf2wf4wp5a] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-jf2wf4wp5a] {
            background-color: yellow;
            font-weight: bold
        }


    .divSesc[b-jf2wf4wp5a]{
        height : 180px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblcaption[b-jf2wf4wp5a] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 100px
    }


    .inputcaption[b-jf2wf4wp5a] {
        font-size: 13px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 200px;
        font-weight: bold;
    }

    .radioitem[b-jf2wf4wp5a] {
        width: 100px;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }


    .mainGridTable[b-jf2wf4wp5a] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 200px;
        min-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-jf2wf4wp5a], th[b-jf2wf4wp5a], td[b-jf2wf4wp5a] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-jf2wf4wp5a] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-jf2wf4wp5a] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-jf2wf4wp5a] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-jf2wf4wp5a] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-jf2wf4wp5a] {
            background-color: yellow;
            font-weight: bold
        }

    .divSesc[b-jf2wf4wp5a]{
        height : 60px ;       
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalDoublePrintCash.razor.rz.scp.css */

.cardmenu[b-kujskt6i6j] {
    background-color: #C4DDFF;
    height: 355px
}

.imgMenu[b-kujskt6i6j] {
    height: 40px;
    width: 35px;
    text-align: center
}

.lblMenu[b-kujskt6i6j] {
    text-align: center;
    font-size: 12px ;
    margin-top : 5px
}

.lblcaption[b-kujskt6i6j] {
    border: 0.5px solid black;
    width: 120px;
    text-align: center;
    font-size: 13px;
    margin-right: 10px ; background-color: #77ACF1;
    padding-top : 4px
}

.lblInput[b-kujskt6i6j]{
    background-color : powderblue;
    width : 180px ;
    border : 1px solid gray ;
}

.mainGridTable[b-kujskt6i6j] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 180px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1400px;
    cursor: pointer;
}

.tr[b-kujskt6i6j], th[b-kujskt6i6j], td[b-kujskt6i6j] {
    border: 0.5px dotted lightblue;
}

.mainGridHeader[b-kujskt6i6j] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.mainGridBody[b-kujskt6i6j] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.mainGridTr[b-kujskt6i6j] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.mainGridTr2[b-kujskt6i6j] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

/*    .mainGridTr2 :hover {
        background-color: yellow;
        font-weight: bold
    }*/
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalPrintCustomize.razor.rz.scp.css */

.basePrintMainGrid[b-7wre1vo4x2] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 360px;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-7wre1vo4x2], th[b-7wre1vo4x2], td[b-7wre1vo4x2] {
    border: 0.5px dotted lightblue;
}

.basePrintHeader[b-7wre1vo4x2] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.basePrintBody[b-7wre1vo4x2] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.basePrintTR[b-7wre1vo4x2] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.basePrintTR2[b-7wre1vo4x2] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .basePrintTR2 :hover[b-7wre1vo4x2] {
        background-color: #ECF8F9;
        font-weight: bold
    }

/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalSearchBedriddenDocument.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {

    .SearchDoclbl[b-91i449rfvf] {
        border: 0.5px solid gray;
        text-align: right;
        background-color: #3B44F6;

        width:130px
    }

    .SearchDocspan[b-91i449rfvf]{
        color:white ;
        font-size:14px ;
        margin-right:5px
    }

    .SearchDocinput[b-91i449rfvf] {
        background-color: lavender;
        width: 150px;
        border: 0.5px solid gray;
        margin-right: 1px
    }

    .SearchDocMainGridTable[b-91i449rfvf] {
        background-color: white;
        display: block;
        height: 300px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: rtl;
    }

    .tr[b-91i449rfvf], th[b-91i449rfvf], td[b-91i449rfvf] {
        border: 0.3px dotted gray;
    }

    .SearchDocHeader[b-91i449rfvf] {
        /*background-color: #143F6B;*/
        background-color: #231955;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .SearchDocBody[b-91i449rfvf] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .SearchDocTr[b-91i449rfvf] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .SearchDocTr2[b-91i449rfvf] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .SearchDocTr2:hover[b-91i449rfvf] {
        background-color: #97D2EC;
    }
}

/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalSetDiscountfranshizPercent.razor.rz.scp.css */

.BillDiscountMainGrid[b-scjb6ynd3q] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 99%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-scjb6ynd3q], th[b-scjb6ynd3q], td[b-scjb6ynd3q] {
    border: 0.5px dotted lightblue;
}

.BillDiscountHeader[b-scjb6ynd3q] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.BillDiscountBody[b-scjb6ynd3q] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr[b-scjb6ynd3q] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr2[b-scjb6ynd3q] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr2 :hover[b-scjb6ynd3q] {
    background-color: yellow;
    font-weight: bold
}

.lblRadioDiscount[b-scjb6ynd3q] {
    background-color: #172774 ;
    width:130px ;
    margin-right:25px
}

.spanRadioDiscount[b-scjb6ynd3q] {
    font-size: 12px ;
    color:white ;
}

.inputDiscount[b-scjb6ynd3q]{
    background-color:lavender ;
    border:0.2px solid gray ;
    width:70px ;
    margin-right:-20px
}


.lblDiscount[b-scjb6ynd3q] {
    width: 40px;
    border: 0.3px solid gray;
    background-color: #FFFA67;
    margin-right:1px ;
    font-size:13px ;
    text-align:center ;

}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalSetDiscountPercent.razor.rz.scp.css */

.BillDiscountMainGrid[b-gnyl735zcz] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 99%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-gnyl735zcz], th[b-gnyl735zcz], td[b-gnyl735zcz] {
    border: 0.5px dotted lightblue;
}

.BillDiscountHeader[b-gnyl735zcz] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.BillDiscountBody[b-gnyl735zcz] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr[b-gnyl735zcz] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr2[b-gnyl735zcz] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.BillDiscountTr2 :hover[b-gnyl735zcz] {
    background-color: yellow;
    font-weight: bold
}

.lblRadioDiscount[b-gnyl735zcz] {
    background-color: #172774 ;
    width:130px ;
    margin-right:25px
}

.spanRadioDiscount[b-gnyl735zcz] {
    font-size: 12px ;
    color:white ;
}

.inputDiscount[b-gnyl735zcz]{
    background-color:lavender ;
    border:0.2px solid gray ;
    width:70px ;
    margin-right:-20px
}


.lblDiscount[b-gnyl735zcz] {
    width: 40px;
    border: 0.3px solid gray;
    background-color: #FFFA67;
    margin-right:1px ;
    font-size:13px ;
    text-align:center ;

}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_LaboratoryAnswer.razor.rz.scp.css */
.cardHeader[b-2w2in0hkbs] {
    background-color: rgb(215,227,250);
    /*background-color: #D9ECF2*/
}

.cardpatient[b-2w2in0hkbs] {
    background-color: rgb(215,227,250);
}

.cardsection[b-2w2in0hkbs] {
    background-color: rgb(215,227,250);
    direction: ltr;
}

/*.tr, td, th {
    border: dotted 0.5px gray;
}*/

.cardAnswer[b-2w2in0hkbs] {
    background-color: rgb(215,227,250);
}

.cardMain[b-2w2in0hkbs] {
    background-color: rgb(215,227,250);
    width: 100%;
}


.lblHeader[b-2w2in0hkbs]{
    cursor : pointer ;
    border : 0.5px dotted gray ;
    padding-left : 3px ; 
    padding-right : 3px
}


/*=================  PC  ==================*/
@media (min-width: 992px)  {
    .HeaderImg[b-2w2in0hkbs] {
        width: 25px;
        height: 25px;
        margin-top: 5px
    }

    .HeaderImgsmall[b-2w2in0hkbs] {
        width: 20px;
        height: 20px;
        /*        margin-top : 1px ;
        margin-bottom : 2px*/
    }

    .HeaderImgMore[b-2w2in0hkbs] {
        width: 25px;
        height: 25px;
    }

    .HeaderTxt[b-2w2in0hkbs] {
        font-size: 11px;
        text-align: center;
    }

    .HeaderTxtSmall[b-2w2in0hkbs] {
        font-size: 10px;
        text-align: center;
    }

    .labelCaption[b-2w2in0hkbs] {
        font-size: 10px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelCaption2[b-2w2in0hkbs] {
        font-size: 10px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 50px
    }

    .labelInput[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 100px;
        border: 1px solid gray
    }

    .labelInput2[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px;
        border: 1px solid gray
    }

    .labelInput3[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 85px;
        border: 1px solid gray
    }

    .tblsection[b-2w2in0hkbs] {
        display: block;
        height: 150px;
        overflow-y: scroll;
        width: 100%
    }

    .thspan[b-2w2in0hkbs] {
        font-size: 14px;
        text-align: center;
    }

    .tdspan[b-2w2in0hkbs] {
        font-size: 13px;
        background-color: #F0F8FF;
        text-align: center;
    }

    .imgflag[b-2w2in0hkbs] {
        height: 18px;
        width: 18px;
    }

    .AnswerText[b-2w2in0hkbs] {
        font-size: 10px;
        text-align: center;
    }

    .AnswerText2[b-2w2in0hkbs] {
        font-size: 9px;
        text-align: center;
    }

    .AnswerIMG[b-2w2in0hkbs] {
        width: 18px;
        height: 18px;
        margin-top: 5px;
    }

    .AnswerIMGSmall[b-2w2in0hkbs] {
        width: 20px;
        height: 20px;
        margin-top: 3px;
        margin-bottom: 4px
    }

    .mainGridTable[b-2w2in0hkbs] {
        background-color: white;
        display: block;
        height: 355px;
        overflow-y: scroll;
        overflow-x: scroll;
        /*width: 100%;*/
        width: 99%;
        max-width: 1330px;
        cursor: pointer;


    }

    .tr[b-2w2in0hkbs], th[b-2w2in0hkbs], td[b-2w2in0hkbs] {
        border: 0.3px dotted gray;
    }

    .mainGridHeader[b-2w2in0hkbs] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-2w2in0hkbs] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-2w2in0hkbs] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .imgFlag[b-2w2in0hkbs]{
        width:14px ;
        height : 10px ;
    }

    .spanBottom[b-2w2in0hkbs] {
        font-size: 13px;
        padding-bottom:5px ;
        padding-top:5px
    }
}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .HeaderImg[b-2w2in0hkbs] {
        width: 25px;
        height: 25px;
        margin-top: 5px
    }

    .HeaderImgsmall[b-2w2in0hkbs] {
        width: 15px;
        height: 15px;
    }


    .HeaderImgMore[b-2w2in0hkbs] {
        width: 20px;
        height: 20px;
    }

    .HeaderTxt[b-2w2in0hkbs] {
        font-size: 11px;
        text-align: center;
    }

    .HeaderTxtSmall[b-2w2in0hkbs] {
        font-size: 8px;
        text-align: center;
    }

    .labelCaption[b-2w2in0hkbs] {
        font-size: 10px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelCaption2[b-2w2in0hkbs] {
        font-size: 10px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 40px
    }

    .labelInput[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 70px;
        border: 1px solid gray
    }

    .labelInput2[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 120px;
        border: 1px solid gray
    }

    .labelInput3[b-2w2in0hkbs] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 11px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 55px;
        border: 1px solid gray
    }


    .tblsection[b-2w2in0hkbs] {
        display: block;
        height: 200px;
        overflow-y: scroll;
        width: 100%
    }

    .thspan[b-2w2in0hkbs] {
        font-size: 15px;
        text-align: center;
    }

    .tdspan[b-2w2in0hkbs] {
        font-size: 14px;
        background-color: #F0F8FF;
        text-align: center;
    }

    .imgflag[b-2w2in0hkbs] {
        height: 18px;
        width: 18px;
    }

    .AnswerText[b-2w2in0hkbs] {
        font-size: 8px;
        text-align: center;
    }

    .AnswerText2[b-2w2in0hkbs] {
        font-size: 6px;
        text-align: center;
    }

    .AnswerIMG[b-2w2in0hkbs] {
        width: 14px;
        height: 14px;
        margin-top: 2px;
    }

    .inputAnswer[b-2w2in0hkbs] {
        height: 22px;
    }

    /*    .AnswerIMG {
        width: 18px;
        height: 18px;
    }*/

    .AnswerIMGSmall[b-2w2in0hkbs] {
        width: 20px;
        height: 20px;
        margin-top: 3px;
        margin-bottom: 4px
    }

    .mainGridTable[b-2w2in0hkbs] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 800px;
        cursor: pointer;
    }

    .tr[b-2w2in0hkbs], th[b-2w2in0hkbs], td[b-2w2in0hkbs] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-2w2in0hkbs] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
        direction : ltr ;
    }

    .mainGridBody[b-2w2in0hkbs] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-2w2in0hkbs] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .imgFlag[b-2w2in0hkbs] {
        width: 14px;
        height: 12px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_Main.razor.rz.scp.css */
.btnSearch[b-xf6kdkzue6] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 120%;
    font-weight: bold;
    line-height: 3;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #D8BFD8;
    margin-top: -80px
}



#frozen-btn[b-xf6kdkzue6] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button[b-xf6kdkzue6] {
    border: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    color: white;
    outline: none;
    position: relative;
    margin-top: -10px
}

    button[b-xf6kdkzue6]:before {
        content: '';
        display: block;
        /*background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 50%);*/
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(214, 155, 44, 8.4) 50%);
        background-size: 210% 100%;
        background-position: right bottom;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 10px;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

.btn-green[b-xf6kdkzue6] {
    background: #0f1490;
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}


    .btn-green:hover[b-xf6kdkzue6]:before {
        background-position: left bottom;
    }

.Oihidden[b-xf6kdkzue6] {
    font-size: 18px;
}


.lblSearch[b-xf6kdkzue6] {
    background-color: #E4FBFF;
    padding: 3px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 8px;
    padding-right: 8px;
    height: 28px
}

.inputstye[b-xf6kdkzue6] {
    background-color: lavender;
}

.labelImg[b-xf6kdkzue6] {
    width: 28px;
    height: 28px
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .btn-green[b-xf6kdkzue6] {
        height: 15px;
        width: 160px;
        border-radius: 15px;
    }

    .caption[b-xf6kdkzue6] {
        font-size: 11px;
        font-weight: 600;
    }

    .caption2[b-xf6kdkzue6] {
        font-size: 9px;
        font-weight: 600;
    }

    .serviceDesc[b-xf6kdkzue6] {
        font-size: 13px;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .btn-green[b-xf6kdkzue6] {
        height: 19px;
        width: 200px;
        border-radius: 15px;
    }


    .caption[b-xf6kdkzue6] {
        font-size: 12px;
        font-weight: 500;
    }

    .caption2[b-xf6kdkzue6] {
        font-size: 12px;
        font-weight: 500;
    }

    .serviceDesc[b-xf6kdkzue6] {
        font-size: 12px;
    }


    .MainGridTable[b-xf6kdkzue6] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 520px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1100px;
        cursor: pointer;
        margin-right: 21px
    }

    .PatientMainGridHEader[b-xf6kdkzue6] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .tr[b-xf6kdkzue6], th[b-xf6kdkzue6], td[b-xf6kdkzue6] {
        border: 1px dotted lightblue;
    }

    .PatientMainGridTr[b-xf6kdkzue6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .PatientMainGridBody[b-xf6kdkzue6] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }


    .PatientMainGridTr2[b-xf6kdkzue6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }


        .PatientMainGridTr2 :hover[b-xf6kdkzue6] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}



/*=================  Larg PC  ==================*/

@media (min-width: 1440px) {

    .btn-green[b-xf6kdkzue6] {
        height: 19px;
        width: 200px;
        border-radius: 15px;
    }


    .caption[b-xf6kdkzue6] {
        font-size: 12px;
        font-weight: 500;
    }

    .caption2[b-xf6kdkzue6] {
        font-size: 12px;
        font-weight: 500;
    }

    .serviceDesc[b-xf6kdkzue6] {
        font-size: 12px;
    }


    .MainGridTable[b-xf6kdkzue6] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 520px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1500px;
        cursor: pointer;
        margin-right: 21px
    }

    .PatientMainGridHEader[b-xf6kdkzue6] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .tr[b-xf6kdkzue6], th[b-xf6kdkzue6], td[b-xf6kdkzue6] {
        border: 1px dotted lightblue;
    }

    .PatientMainGridTr[b-xf6kdkzue6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .PatientMainGridBody[b-xf6kdkzue6] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }


    .PatientMainGridTr2[b-xf6kdkzue6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }


        .PatientMainGridTr2 :hover[b-xf6kdkzue6] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_Reception.razor.rz.scp.css */
.TopMenu[b-fxednyfa1h] {
    position: sticky;
    top: 0;
}


.cardheader[b-fxednyfa1h] {
    /*background-color: rgb(215,227,250);*/
    background-color: #F0F8FF
}

.PersonalCard[b-fxednyfa1h] {
    /*background-color: #F0F8FF;*/
    /*background-color: #F8F8FF;*/

    background-color: #EEEEEE;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: solid 1px gray;
    width: 100%
}

.BeneficiaryCard[b-fxednyfa1h] {
    background-color: lightgray;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: solid 1px gray;
    width: 100%;
    height: 83px
}

.InsuranceCard[b-fxednyfa1h] {
    /*background-color: #F0FFFF;*/
    background-color: #E8E8E8;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.SectionCard[b-fxednyfa1h] {
    /*background-color: #EEEEEE;*/
    background-color: #E7E7DE;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: solid 1px gray;
    width: 100%
}

.AdditinalCard[b-fxednyfa1h] {
    /*background-color: #F0F8FF;*/
    background-color: #EEEEEE;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 287px;
    border: solid 1px gray;
}

.ServiceCard[b-fxednyfa1h] {
    /*background-color: #F8F8FF;*/
    /*background-color: #EEEEEE;*/
    background-color :#E7E7DE ;

  
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border: solid 1px gray;
}

.colbtnadd[b-fxednyfa1h] {
    padding-top: 1px
}

.btnAdd[b-fxednyfa1h] {
    /*padding: .1em .3em .2em;*/
    padding: .1em .4em .2em;
    font-size: 78%;
    /*    font-weight: bold;*/
    line-height: 1.2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 500px;
    background-color: #323EDD;
}

.TableService[b-fxednyfa1h] {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    height: 245px;
    overflow-y: auto;
    direction: ltr;
    border: 0.3px dotted #C7F5FE;
}

.TableHead[b-fxednyfa1h] {
    position: sticky;
    top: 0;
    background-color: #87CEEB;
    color: black;
    font-size: 12px;
}

.TableBody[b-fxednyfa1h] {
    font-size: 12px;
}

.label-StatusTitle[b-fxednyfa1h] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 88%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    padding: 0.5em 0.8em;
    margin-bottom: 2px;
    width: 50%
}

.label-public[b-fxednyfa1h] {
    /*  background-color: #D3D3D3;*/
    background-color: lavender;
    color: black;
}

.label-payableRate[b-fxednyfa1h] {
    background-color: lavender;
}

.label-paymentRate[b-fxednyfa1h] {
    background-color: #8ACBBB;
}

.label-endRate[b-fxednyfa1h] {
    background-color: #EE5A5A;
}


.caption[b-fxednyfa1h] {
    font-size: 12px;
    font-weight: 500;
}


.inputstyle[b-fxednyfa1h] {
    background-color: lavender;
    text-align: center;
    border: 0.5px solid gray;
}

.inputstyle2[b-fxednyfa1h] {
    background-color: lavender;
    border: 0.5px solid gray;
}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .labelImg[b-fxednyfa1h] {
        width: 22px;
        height: 22px
    }


    .inputRate01[b-fxednyfa1h] {
        /*background-color: rgb(147,217,194);*/
        background-color: lavender;
        width: 95px;
        height: 24px;
        border: 0.5px solid gray
    }

    .lblRate01[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 120px;
        border: 0.5px solid gray
    }

    .lblRate05[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        border: 0.5px solid gray
    }

    .lblRate02[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        height: 23px;
        border: 0.5px solid gray
    }

    .lblRate03[b-fxednyfa1h] {
        background-color: #EE5A5A;
        width: 95px;
        height: 23px;
        color: white;
        border: 0.5px solid gray
    }


    .lblRate04[b-fxednyfa1h] {
        background-color: #6495ED;
        width: 95px;
        height: 23px;
        font-weight: bold;
        border: 0.5px solid gray
    }

    .fontRate[b-fxednyfa1h] {
        font-size: 13px
    }

    .spanlbl[b-fxednyfa1h] {
        text-align: center;
        width: 60px
    }

    .mainGridTable[b-fxednyfa1h] {
        background-color: white;
        display: block;
        height: 270px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 700px;
        cursor: pointer;
        direction: ltr;
    }

    .tr[b-fxednyfa1h], th[b-fxednyfa1h], td[b-fxednyfa1h] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-fxednyfa1h] {
        /*   background-color: #143F6B;*/
        background-color: rgb(174,210,255);
        position: sticky;
        top: 0;
        /*  color: white;*/
        color: black;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-fxednyfa1h] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-fxednyfa1h] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr :hover[b-fxednyfa1h] {
            background-color: #BAD1C2
        }

    .haderTitle[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .haderTitle2[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .headerInput[b-fxednyfa1h] {
        background-color: lavender;
        text-align: center;
    }

    .headerInput2[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 14px;
        text-align: center;
    }

    .headerInput3[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 11px;
        text-align: center;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .labelImg[b-fxednyfa1h] {
        width: 22px;
        height: 22px
    }

    .inputRate01[b-fxednyfa1h] {
        /*background-color: rgb(147,217,194);*/
        background-color: lavender;
        width: 95px;
        height: 24px;
        border: 0.5px solid gray
    }

    .lblRate01[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        border: 0.5px solid gray
    }

    .lblRate02[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        height: 23px;
        border: 0.5px solid gray
    }

    .lblRate03[b-fxednyfa1h] {
        background-color: #EE5A5A;
        width: 95px;
        height: 23px;
        color: white;
        border: 0.5px solid gray
    }


    .lblRate04[b-fxednyfa1h] {
        background-color: #6495ED;
        width: 95px;
        height: 23px;
        font-weight: bold;
        border: 0.5px solid gray
    }

    .fontRate[b-fxednyfa1h] {
        font-size: 13px
    }

    .spanlbl[b-fxednyfa1h] {
        text-align: center;
        width: 60px
    }

    .mainGridTable[b-fxednyfa1h] {
        background-color: white;
        display: block;
        height: 270px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 700px;
        cursor: pointer;
        direction: ltr;
    }

    .tr[b-fxednyfa1h], th[b-fxednyfa1h], td[b-fxednyfa1h] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-fxednyfa1h] {
        /*   background-color: #143F6B;*/
        background-color: rgb(174,210,255);
        position: sticky;
        top: 0;
        /*  color: white;*/
        color: black;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-fxednyfa1h] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-fxednyfa1h] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr :hover[b-fxednyfa1h] {
            background-color: #BAD1C2
        }

    .haderTitle[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .haderTitle2[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .headerInput[b-fxednyfa1h] {
        background-color: lavender;
        text-align: center;
    }

    .headerInput2[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 14px;
        text-align: center;
    }

    .headerInput3[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 11px;
        text-align: center;
    }

    .receptionInputFranshiz[b-fxednyfa1h] {
        background-color: #8ACBBB;
        text-align: center;
        width: 110%;
        border: solid 1px gray
    }
}


/*=================  Large PC  ==================*/

@media (min-width: 1441px) {

    .labelImg[b-fxednyfa1h] {
        width: 22px;
        height: 22px
    }

    .inputRate01[b-fxednyfa1h] {
        /*background-color: rgb(147,217,194);*/
        background-color: lavender;
        width: 95px;
        height: 24px;
        border: 0.5px solid gray
    }

    .lblRate01[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        border: 0.5px solid gray
    }

    .lblRate02[b-fxednyfa1h] {
        background-color: rgb(147,217,194);
        width: 95px;
        height: 23px;
        border: 0.5px solid gray
    }

    .lblRate03[b-fxednyfa1h] {
        background-color: #EE5A5A;
        width: 95px;
        height: 23px;
        color: white;
        border: 0.5px solid gray
    }


    .lblRate04[b-fxednyfa1h] {
        background-color: #6495ED;
        width: 95px;
        height: 23px;
        font-weight: bold;
        border: 0.5px solid gray
    }

    .fontRate[b-fxednyfa1h] {
        font-size: 13px
    }

    .spanlbl[b-fxednyfa1h] {
        text-align: center;
        width: 60px
    }

    .mainGridTable[b-fxednyfa1h] {
        background-color: white;
        display: block;
        height: 270px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 700px;
        cursor: pointer;
        direction: ltr;
    }

    .tr[b-fxednyfa1h], th[b-fxednyfa1h], td[b-fxednyfa1h] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-fxednyfa1h] {
        /*   background-color: #143F6B;*/
        background-color: rgb(174,210,255);
        position: sticky;
        top: 0;
        /*  color: white;*/
        color: black;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-fxednyfa1h] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-fxednyfa1h] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr :hover[b-fxednyfa1h] {
            background-color: #BAD1C2
        }

    .haderTitle[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .haderTitle2[b-fxednyfa1h] {
        border: 0.5px dotted gray;
        font-size: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        background-color: rgb(174,210,255);
        text-align: center;
    }

    .headerInput[b-fxednyfa1h] {
        background-color: lavender;
        text-align: center;
    }

    .headerInput2[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 14px;
        text-align: center;
    }

    .headerInput3[b-fxednyfa1h] {
        background-color: powderblue;
        border: 0.5px dotted gray;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 11px;
        text-align: center;
    }

}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_ReceptionRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-z76qcm698a] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-z76qcm698a] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-z76qcm698a] {
        text-align: center;
        font-size: 11px
    }


    .HeaderMenu[b-z76qcm698a] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-z76qcm698a] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-z76qcm698a] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-z76qcm698a] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-z76qcm698a] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-z76qcm698a] {
        text-align: center;
        font-size: 10px
    }


    .HeaderMenu[b-z76qcm698a] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-z76qcm698a] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-z76qcm698a] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_RequestHistory.razor.rz.scp.css */


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblReqHistoey[b-7hw2z9llm8] {
        font-size: 12px;
        width: 90px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #93ABD3
    }

    .spanReqHistory[b-7hw2z9llm8] {
        font-size: 13px;
        color: red;
        margin-right: 5px;
        margin-top: 5px
    }

    .spanReqHistory2[b-7hw2z9llm8] {
        border: 0.1px solid gray;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        width: 150px;
    }

    .ReqHisMainGrid[b-7hw2z9llm8] {
        background-color: white;
        display: block;
        max-height: 200px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px;
        margin-top:30px
    }

    .tr[b-7hw2z9llm8], th[b-7hw2z9llm8], td[b-7hw2z9llm8] {
        border: 1px dotted lightblue;
    }

    .ReqHisHeader[b-7hw2z9llm8] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqHisBody[b-7hw2z9llm8] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqHisTr[b-7hw2z9llm8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqHisTr2[b-7hw2z9llm8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqHisTr2 :hover[b-7hw2z9llm8] {
        background-color: #E6E6FA;
        font-weight: bold
    }


    /*---------------*/

    .ReqHisDetailMainGrid[b-7hw2z9llm8] {
        background-color: white;
        display: block;
        max-height: 300px;
        height:300px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px;
        margin-top: 30px
    }

    .tr[b-7hw2z9llm8], th[b-7hw2z9llm8], td[b-7hw2z9llm8] {
        border: 1px dotted lightblue;
    }

    .ReqHisDetailHeader[b-7hw2z9llm8] {
        background-color: #0E49B5;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailBody[b-7hw2z9llm8] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailTr[b-7hw2z9llm8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailTr2[b-7hw2z9llm8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .btnReqHistory[b-7hw2z9llm8]{
        text-align:center ;
        font-size:11px ;
        width:70px ;
        padding-bottom:8px ;
        padding-top:2px
    }

}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {

  
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_RightMenu.razor.rz.scp.css */
.RightMenu[b-m7md0z2m0n] {
    position: sticky;
    width: 107%
}

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu[b-m7md0z2m0n] {
        position: sticky;
        width: 117%
    }

    .imgchanepara[b-m7md0z2m0n] {
        width: 37px;
        height: 37px;
        margin-top: 5px;
    }

    .headerCaption[b-m7md0z2m0n] {
        font-size: 17px;
    }

    .imgItem[b-m7md0z2m0n] {
        height: 26px;
        width: 26px;
        margin-right:-10px
    }

    .txtItem[b-m7md0z2m0n] {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 7px;
        font-size: 11px
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu[b-m7md0z2m0n] {
        position: sticky;
        width: 107%
    }

    .imgchanepara[b-m7md0z2m0n] {
        width: 38px;
        height: 38px;
        margin-right: 20px;
    }

    .headerCaption[b-m7md0z2m0n] {
        font-size: 19px;
    }

    .imgItem[b-m7md0z2m0n] {
        height: 26px;
        width: 26px;
        margin-right: 0px
    }

    .txtItem[b-m7md0z2m0n] {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 7px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/CmpPatient_XRayAnswer.razor.rz.scp.css */
.CardHeader[b-4luf039ntn] {
    background-color: rgb(215,227,250);
}

.CardContent[b-4luf039ntn] {
    background-color: rgb(215,227,250);
}

.CardDetail[b-4luf039ntn] {
    background-color: rgb(215,227,250);
}

.lblHeader[b-4luf039ntn] {
    cursor: pointer;
    border: 0.5px dotted gray;
    padding-left: 3px;
    padding-right: 3px
}

/*=================  PC  ==================*/
@media (min-width: 992px) {
    .HeaderImg[b-4luf039ntn] {
        width: 30px;
        height: 30px;
        margin-top: 2px;
        margin-bottom: 2px
    }

    .HeaderTxt[b-4luf039ntn] {
        font-size: 12px;
        text-align: center;
    }

    .labelCaption[b-4luf039ntn] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 90px;
        margin-left: 1px;
        height: 25px
    }

    .labelInput[b-4luf039ntn] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 100px;
        border: 1px solid gray;
        margin-left: 8px;
        height: 25px
    }

    .mainGridTable[b-4luf039ntn] {
        background-color: white;
        display: block;
        height: 370px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: ltr;
    }

    .tr[b-4luf039ntn], th[b-4luf039ntn], td[b-4luf039ntn] {
        border: 0.3px dotted gray;
    }

    .mainGridHeader[b-4luf039ntn] {
        /*background-color: #143F6B;*/
        background-color: #0002A1;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-4luf039ntn] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-4luf039ntn] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BodyGridTr[b-4luf039ntn] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BodyGridTr:hover[b-4luf039ntn] {
            background-color: #97D2EC;
        }
}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .HeaderImg[b-4luf039ntn] {
        width: 25px;
        height: 25px;
        margin-top: 5px
    }

    .HeaderTxt[b-4luf039ntn] {
        font-size: 11px;
        text-align: center;
    }


    .labelCaption[b-4luf039ntn] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }


    .labelInput[b-4luf039ntn] {
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 70px;
        border: 1px solid gray
    }

    .mainGridTable[b-4luf039ntn] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 800px;
        cursor: pointer;
    }

    .tr[b-4luf039ntn], th[b-4luf039ntn], td[b-4luf039ntn] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-4luf039ntn] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
        direction: ltr;
    }

    .mainGridBody[b-4luf039ntn] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-4luf039ntn] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BodyGridTr[b-4luf039ntn] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/Request/CmpBedriddenRequest.razor.rz.scp.css */
.cardheader[b-q7xzsw48ge] {
    background-color: rgb(215,227,250);
}

.cardMain[b-q7xzsw48ge] {
    background-color: rgb(215,227,250);
    width: 100%;
}

.cardDetail[b-q7xzsw48ge] {
    background-color: lightsteelblue;
    height: 200px;
}

.cardPerson[b-q7xzsw48ge] {
    background-color: rgb(215,227,250);
}

.cardOperation[b-q7xzsw48ge] {
    background-color: rgb(215,227,250);
    margin-bottom : 40px
}
/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .labelCaption[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelCaption2[b-q7xzsw48ge] {
        font-size: 10px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelCaption3[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelInput[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 90px
    }

    .labelInput2[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 50px
    }

    .labelInput3[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-q7xzsw48ge] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 105px;
        background-color: gainsboro
    }

    .imgSearch[b-q7xzsw48ge] {
        width: 19px;
        height: 19px
    }

    .drPart[b-q7xzsw48ge] {
        width: 60px;
        font-size: 14px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }

    .mainGridTable[b-q7xzsw48ge] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 550px;
        cursor: pointer;
    }

    .tr[b-q7xzsw48ge], th[b-q7xzsw48ge], td[b-q7xzsw48ge] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-q7xzsw48ge] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-q7xzsw48ge] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .detailTable[b-q7xzsw48ge] {
        direction: ltr;
        cursor: pointer;
        background-color: white;
        height: 200px;
        display: block;
        overflow-y: scroll;
    }

    .detailthead[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
    }

    .detailBody[b-q7xzsw48ge] {
        font-size: 12px;
    }

    .personCaption[b-q7xzsw48ge] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px
    }

    .personInput[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 150px;
    }

    .personInput2[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 650px;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .labelCaption[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelCaption2[b-q7xzsw48ge] {
        font-size: 11px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px;
    }

    .labelCaption3[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelInput[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px
    }

    .labelInput3[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 80px
    }

    .labelInput2[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-q7xzsw48ge] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 175px;
        background-color: gainsboro;
        margin-bottom: 20px
    }

    .imgSearch[b-q7xzsw48ge] {
        width: 22px;
        height: 22px;
    }

    .drPart[b-q7xzsw48ge] {
        width: 80px;
        font-size: 13px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }



    .mainGridTable[b-q7xzsw48ge] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .tr[b-q7xzsw48ge], th[b-q7xzsw48ge], td[b-q7xzsw48ge] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-q7xzsw48ge] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-q7xzsw48ge] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }



    .detailTable[b-q7xzsw48ge] {
        direction: ltr;
        cursor: pointer;
        /*background-color: lightsteelblue;*/
        background-color: white;
        /*  height: 200px;*/
        display: block;
        overflow-y: scroll;
    }

    .detailthead[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
    }

    .detailBody[b-q7xzsw48ge] {
        font-size: 12px;
    }


    .personCaption[b-q7xzsw48ge] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .personInput[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 120px;
    }

    .personInput2[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 520px;
        /*        font-weight: bold*/
    }

    .imgOperation[b-q7xzsw48ge]{
        height : 40px ;
        width : 40px ;
    }

    .lblOperation[b-q7xzsw48ge] {
        font-size: 13px;
        
    }

    .lblOperation2[b-q7xzsw48ge] {
        font-size: 9px;
    }
}


/*=================  Large PC  ==================*/

@media (min-width: 1442px) {

    .labelCaption[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelCaption2[b-q7xzsw48ge] {
        font-size: 11px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px;
    }

    .labelCaption3[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelInput[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px
    }

    .labelInput3[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 80px
    }

    .labelInput2[b-q7xzsw48ge] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-q7xzsw48ge] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 175px;
        background-color: gainsboro;
        margin-bottom: 20px
    }

    .imgSearch[b-q7xzsw48ge] {
        width: 22px;
        height: 22px;
    }

    .drPart[b-q7xzsw48ge] {
        width: 80px;
        font-size: 13px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }



    .mainGridTable[b-q7xzsw48ge] {
        background-color: white;
        display: block;
        height: 430px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
    }

    .tr[b-q7xzsw48ge], th[b-q7xzsw48ge], td[b-q7xzsw48ge] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-q7xzsw48ge] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-q7xzsw48ge] {
        width: 100%;
        display: table;
        table-layout: fixed;
        table-layout: fixed;
    }



    .detailTable[b-q7xzsw48ge] {
        direction: ltr;
        cursor: pointer;
        /*background-color: lightsteelblue;*/
        background-color: white;
        /*  height: 200px;*/
        display: block;
        overflow-y: scroll;
        width:100% ;
        max-width:750px ;
    }

    .detailthead[b-q7xzsw48ge] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
    }

    .detailBody[b-q7xzsw48ge] {
        font-size: 13px;
    }


    .personCaption[b-q7xzsw48ge] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .personInput[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 120px;
    }

    .personInput2[b-q7xzsw48ge] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 520px;
        /*        font-weight: bold*/
    }

    .imgOperation[b-q7xzsw48ge] {
        height: 40px;
        width: 40px;
    }

    .lblOperation[b-q7xzsw48ge] {
        font-size: 13px;
    }

    .lblOperation2[b-q7xzsw48ge] {
        font-size: 9px;
    }

    .cardMain[b-q7xzsw48ge] {
        height: 450px
    }

    .cardDetail[b-q7xzsw48ge] {
        height: 290px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/Request/CmpPatientRequest.razor.rz.scp.css */
.cardheader[b-pb8pm3yjso] {
    background-color: rgb(215,227,250);
}

.cardMain[b-pb8pm3yjso] {
    background-color: rgb(215,227,250);
    width: 100%;
}

.cardDetail[b-pb8pm3yjso] {
    background-color: lightsteelblue;
    height: 453px;
}

.cardPerson[b-pb8pm3yjso] {
    background-color: rgb(215,227,250);
}

.cardOperation[b-pb8pm3yjso] {
    background-color: rgb(215,227,250);
    margin-bottom: 40px
}
/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .labelCaption[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelCaption2[b-pb8pm3yjso] {
        font-size: 10px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelCaption3[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelInput[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 90px
    }

    .labelInput2[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 50px
    }

    .labelInput3[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-pb8pm3yjso] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 12px;
        padding-right: 12px;
        background-color: gainsboro;
        margin-top: 18px
    }

    .imgSearch[b-pb8pm3yjso] {
        width: 19px;
        height: 19px
    }

    .drPart[b-pb8pm3yjso] {
        width: 60px;
        font-size: 14px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }

    .mainGridTable[b-pb8pm3yjso] {
        background-color: white;
        display: block;
        height: 405px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 550px;
        cursor: pointer;
    }

    .tr[b-pb8pm3yjso], th[b-pb8pm3yjso], td[b-pb8pm3yjso] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-pb8pm3yjso] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-pb8pm3yjso] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .detailTable[b-pb8pm3yjso] {
        direction: ltr;
        cursor: pointer;
        background-color: white;
        height: 200px;
        display: block;
        overflow-y: scroll;
    }

    .detailthead[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
    }

    .detailBody[b-pb8pm3yjso] {
        font-size: 12px;
    }

    .personCaption[b-pb8pm3yjso] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px
    }

    .personInput[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 150px;
    }

    .personInput2[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 650px;
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width:1440px) {

    .labelCaption[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelCaption2[b-pb8pm3yjso] {
        font-size: 11px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px;
    }

    .labelCaption3[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelInput[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px
    }

    .labelInput3[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 80px
    }

    .labelInput2[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-pb8pm3yjso] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 12px;
        padding-right: 12px;
        background-color: gainsboro;
        margin-top: 20px
    }

    .imgSearch[b-pb8pm3yjso] {
        width: 22px;
        height: 22px;
    }

    .drPart[b-pb8pm3yjso] {
        width: 80px;
        font-size: 13px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }



    .mainGridTable[b-pb8pm3yjso] {
        background-color: white;
        display: block;
        height: 365px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .tr[b-pb8pm3yjso], th[b-pb8pm3yjso], td[b-pb8pm3yjso] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-pb8pm3yjso] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-pb8pm3yjso] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }



    .detailTable[b-pb8pm3yjso] {
        direction: ltr;
        cursor: pointer;
        /*background-color: lightsteelblue;*/
        background-color: white;
        /*  height: 200px;*/
        display: block;
        overflow-y: scroll;
    }

    .detailthead[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
    }

    .detailBody[b-pb8pm3yjso] {
        font-size: 13px;
    }


    .personCaption[b-pb8pm3yjso] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .personInput[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 120px;
    }

    .personInput2[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 520px;
        /*        font-weight: bold*/
    }

    .imgOperation[b-pb8pm3yjso] {
        height: 40px;
        width: 40px;
    }

    .lblOperation[b-pb8pm3yjso] {
        font-size: 13px;
    }

    .lblOperation2[b-pb8pm3yjso] {
        font-size: 9px;
    }
}


/*=================  Lrge PC  ==================*/

@media (min-width: 1441px) {

    .labelCaption[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelCaption2[b-pb8pm3yjso] {
        font-size: 11px;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px;
    }

    .labelCaption3[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        /*background-color: rgb(150,188,252);*/
        background-color: rgb(135,172,241);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .labelInput[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px
    }

    .labelInput3[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 80px
    }

    .labelInput2[b-pb8pm3yjso] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 60px
    }

    .btnSearch[b-pb8pm3yjso] {
        border: dotted 1px gray;
        font-size: 13px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 12px;
        padding-right: 12px;
        background-color: gainsboro;
        margin-top: 20px
    }

    .imgSearch[b-pb8pm3yjso] {
        width: 22px;
        height: 22px;
    }

    .drPart[b-pb8pm3yjso] {
        width: 80px;
        font-size: 13px;
        background-color: white;
        border: solid 0.5px gray;
        height: 27px
    }



    .mainGridTable[b-pb8pm3yjso] {
        background-color: white;
        display: block;
        height: 605px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-pb8pm3yjso], th[b-pb8pm3yjso], td[b-pb8pm3yjso] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-pb8pm3yjso] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-pb8pm3yjso] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }



    .detailTable[b-pb8pm3yjso] {
        direction: ltr;
        cursor: pointer;
        /*background-color: lightsteelblue;*/
        background-color: white;
        /*  height: 200px;*/
        display: block;
        overflow-y: scroll;
    }

    .detailthead[b-pb8pm3yjso] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
    }

    .detailBody[b-pb8pm3yjso] {
        font-size: 13px;
    }


    .personCaption[b-pb8pm3yjso] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 80px
    }

    .personInput[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 120px;
    }

    .personInput2[b-pb8pm3yjso] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 520px;
        /*        font-weight: bold*/
    }

    .imgOperation[b-pb8pm3yjso] {
        height: 40px;
        width: 40px;
    }

    .lblOperation[b-pb8pm3yjso] {
        font-size: 13px;
    }

    .lblOperation2[b-pb8pm3yjso] {
        font-size: 9px;
    }

    .cardMain[b-pb8pm3yjso] {
        height: 620px
    }

    .cardDetail[b-pb8pm3yjso] {
        height: 705px;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Components/Request/CmpPatient_RequestWarning.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {
    .requestIMG[b-ay2brux286] {
        height: 35px;
        width: 60px
    }
}


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .requestIMG[b-ay2brux286] {
        height: 35px;
        width: 60px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Main.razor.rz.scp.css */
.Pmainclass[b-gqo8e1ka2k] {
    font-size: 50px;
}


.lblMainClass[b-gqo8e1ka2k]{
    background-color:red ;
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalAbsenceType.razor.rz.scp.css */
.lblcaptionSearchDetail[b-faopfh1v2m] {
    font-size: 12px;
    border: solid 1px gray;
    background-color: #5F9DF7;
    padding-bottom: 1px;
    padding-top: 5px;
    text-align: center;
    width: 120px;
    border-radius: 5px;
}

.spanSearchDetail[b-faopfh1v2m] {
    font-size: 13px;
    text-align: center;
    font-weight: bold
}

.selectSearchDetail[b-faopfh1v2m] {
    font-size: 13px;
    width: 100%
}

.SearchDetalbtn[b-faopfh1v2m] {
    font-size: 14px;
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalAddComment.razor.rz.scp.css */
.imgOperation[b-q4pc0ylhru] {
    height: 35px;
    width: 35px;
}

.lblOperation[b-q4pc0ylhru] {
    font-size: 12px;
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {


}
/*=================  PC  ==================*/
@media (min-width: 992px) {

}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalAnswerSection.razor.rz.scp.css */
    .tblsection[b-gz6r3bluyw] {
        display: block;
     height : 180px ;
        overflow-y: scroll;
        direction : ltr ;
    }

.thspan[b-gz6r3bluyw] {
    font-size: 14px;
    text-align: center;
}

.tdspan[b-gz6r3bluyw] {
    font-size: 14px;
    background-color: #F0F8FF;
    text-align: center;
}

.imgflag[b-gz6r3bluyw] {
    height: 18px;
    width: 18px;
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBasePanel.razor.rz.scp.css */
.lblSearchPart[b-x3ns6ryptf] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-x3ns6ryptf]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-x3ns6ryptf] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:320px;
    margin-right : -2px
}

.MainpartGrid[b-x3ns6ryptf] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-x3ns6ryptf], th[b-x3ns6ryptf], td[b-x3ns6ryptf] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-x3ns6ryptf] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-x3ns6ryptf] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-x3ns6ryptf] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-x3ns6ryptf] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-x3ns6ryptf] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-x3ns6ryptf]{
    width : 100px
}

.imgAcceptPart[b-x3ns6ryptf] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-x3ns6ryptf]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBaseparaclinicchild.razor.rz.scp.css */

/*=================  PC  ==================*/
@media (min-width: 992px) {


    .mainGridTable[b-pe3jc1t7a0] {
        background-color: white;
        display: block;
        height: 230px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: rtl;
    }

    .tr[b-pe3jc1t7a0], th[b-pe3jc1t7a0], td[b-pe3jc1t7a0] {
        border: 0.3px dotted gray;
    }

    .mainGridHeader[b-pe3jc1t7a0] {
        /*background-color: #143F6B;*/
        background-color: #0002A1;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-pe3jc1t7a0] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-pe3jc1t7a0] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BodyGridTr[b-pe3jc1t7a0] {
        display: table;
        table-layout: fixed;
        font-size:16px
    }

        .BodyGridTr:hover[b-pe3jc1t7a0] {
            background-color: #97D2EC;
        }

    .btnSelectPara[b-pe3jc1t7a0]{
        border:0.3px solid gray ;
        width:100px;
        padding-top:5px ; 
        padding-bottom:5px ; 
        padding-left:8px ;
        padding-right:8px ;
        border-radius:3px
    }

    .spanSelectPara[b-pe3jc1t7a0]{
        font-size:14px ;
        margin-left:8px
    }

    .imgSelectPara[b-pe3jc1t7a0]{
        width:25px ;
        height:25px ;
    }
}

/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBasePathology.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .lblcaption[b-knf2h8iswv] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 90px
    }


    .inputcaption[b-knf2h8iswv] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px;
        font-weight: bold;
   
    }

    .radioitem[b-knf2h8iswv] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-knf2h8iswv] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-knf2h8iswv], th[b-knf2h8iswv], td[b-knf2h8iswv] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-knf2h8iswv] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-knf2h8iswv] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-knf2h8iswv] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-knf2h8iswv] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-knf2h8iswv] {
            background-color: yellow;
            font-weight: bold
        }


    .divSesc[b-knf2h8iswv]{
        height : 180px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblcaption[b-knf2h8iswv] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 100px
    }


    .inputcaption[b-knf2h8iswv] {
        font-size: 13px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 200px;
        font-weight: bold;
    }

    .radioitem[b-knf2h8iswv] {
        width: 100px;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }


    .mainGridTable[b-knf2h8iswv] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 200px;
        min-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-knf2h8iswv], th[b-knf2h8iswv], td[b-knf2h8iswv] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-knf2h8iswv] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-knf2h8iswv] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-knf2h8iswv] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-knf2h8iswv] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-knf2h8iswv] {
            background-color: yellow;
            font-weight: bold
        }

    .divSesc[b-knf2h8iswv]{
        height : 60px ;       
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBasePrintCustomize.razor.rz.scp.css */

.basePrintMainGrid[b-7u3nzfxvyo] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 360px;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-7u3nzfxvyo], th[b-7u3nzfxvyo], td[b-7u3nzfxvyo] {
    border: 0.5px dotted lightblue;
}

.basePrintHeader[b-7u3nzfxvyo] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.basePrintBody[b-7u3nzfxvyo] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.basePrintTR[b-7u3nzfxvyo] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.basePrintTR2[b-7u3nzfxvyo] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .basePrintTR2 :hover[b-7u3nzfxvyo] {
        background-color: #ECF8F9;
        font-weight: bold
    }

/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBasetableSearch.razor.rz.scp.css */
.lblSearchPart[b-fmmegr8iqc] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-fmmegr8iqc]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-fmmegr8iqc] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:220px;
    margin-right : -2px
}

.MainpartGrid[b-fmmegr8iqc] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 275px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-fmmegr8iqc], th[b-fmmegr8iqc], td[b-fmmegr8iqc] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-fmmegr8iqc] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-fmmegr8iqc] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-fmmegr8iqc] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-fmmegr8iqc] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-fmmegr8iqc] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-fmmegr8iqc]{
    width : 100px
}

.imgAcceptPart[b-fmmegr8iqc] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-fmmegr8iqc]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalBodyMemberPhysio.razor.rz.scp.css */

    .labelCaption[b-1t4s79ak4f] {
        background-color: powderblue;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 15px;
        padding-right: 15px;
        width: 80px;
        border: 0.5px solid black;
        text-align: center
    }

    .labelText[b-1t4s79ak4f] {
        font-size: 12px;
        text-align: center
    }

    .input01[b-1t4s79ak4f] {
        width: 70px;
        background-color: lavender
    }

    .btnAccept[b-1t4s79ak4f] {
        cursor: pointer;
        border: 0.5px solid gray;
        border-radius: 1px;
        padding-top: 1px;
        padding-bottom: 2px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #EFF5F5
    }

/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalChangeBeneficiary.razor.rz.scp.css */
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalChangeNormalRange.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .lblcaption[b-ikffnichmp] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 90px
    }


    .inputcaption[b-ikffnichmp] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px;
        font-weight: bold;
   
    }

    .radioitem[b-ikffnichmp] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-ikffnichmp] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-ikffnichmp], th[b-ikffnichmp], td[b-ikffnichmp] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-ikffnichmp] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-ikffnichmp] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-ikffnichmp] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-ikffnichmp] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-ikffnichmp] {
            background-color: yellow;
            font-weight: bold
        }


    .divSesc[b-ikffnichmp]{
        height : 180px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblcaption[b-ikffnichmp] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 100px
    }


    .inputcaption[b-ikffnichmp] {
        font-size: 13px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 200px;
        font-weight: bold;
    }

    .radioitem[b-ikffnichmp] {
        width: 100px;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }


    .mainGridTable[b-ikffnichmp] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 200px;
        min-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-ikffnichmp], th[b-ikffnichmp], td[b-ikffnichmp] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-ikffnichmp] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-ikffnichmp] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-ikffnichmp] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-ikffnichmp] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-ikffnichmp] {
            background-color: yellow;
            font-weight: bold
        }

    .divSesc[b-ikffnichmp]{
        height : 60px ;       
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalChangePatho.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .lblcaption[b-b104jr3uua] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 90px
    }


    .inputcaption[b-b104jr3uua] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px;
        font-weight: bold;
   
    }

    .radioitem[b-b104jr3uua] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-b104jr3uua] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-b104jr3uua], th[b-b104jr3uua], td[b-b104jr3uua] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-b104jr3uua] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-b104jr3uua] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-b104jr3uua] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-b104jr3uua] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-b104jr3uua] {
            background-color: yellow;
            font-weight: bold
        }


    .divSesc[b-b104jr3uua]{
        height : 180px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblcaption[b-b104jr3uua] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 100px
    }


    .inputcaption[b-b104jr3uua] {
        font-size: 13px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 200px;
        font-weight: bold;
    }

    .radioitem[b-b104jr3uua] {
        width: 100px;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }


    .mainGridTable[b-b104jr3uua] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 200px;
        min-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-b104jr3uua], th[b-b104jr3uua], td[b-b104jr3uua] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-b104jr3uua] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-b104jr3uua] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-b104jr3uua] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-b104jr3uua] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-b104jr3uua] {
            background-color: yellow;
            font-weight: bold
        }

    .divSesc[b-b104jr3uua]{
        height : 60px ;       
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalCustomBtn01Main.razor.rz.scp.css */
.textareea[b-vb2wlxf5gs]
{
    font-size:14px
}

.lblCustomBtn[b-vb2wlxf5gs]{
    border:0.3px solid gray ;
    text-align:center ;
    width:100px;
    padding-bottom:1px ;
    padding-top:1px ;
    border-radius:3px;
    margin-bottom:10px;
    background-color:blue ;
    color:white ;
    padding-left:5px ;
    padding-right:5px ;
    cursor:pointer
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalDrugRequestQuantity.razor.rz.scp.css */
.mainGridTable[b-cwon9m8yrb] {
    direction: ltr;
    width: 98%
}

.mainGridHeader[b-cwon9m8yrb] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
}

.tr[b-cwon9m8yrb], th[b-cwon9m8yrb], td[b-cwon9m8yrb] {
    border: 0.7px dotted gray;
}

.mainGridTr2[b-cwon9m8yrb] {
    height: 20px
}



/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .lblCaption[b-cwon9m8yrb] {
        font-size: 13px;
        font-weight: bold;
        margin-right: 10px
    }

    .lblCaption2[b-cwon9m8yrb] {
        font-size: 13px;
        margin-right: 3px;
        font-weight: 700
    }

    .lblcheckbox[b-cwon9m8yrb] {
        font-size: 12px;
        background-color: #6495ED
    }


    .lblbtn[b-cwon9m8yrb] {
        margin-top: 8px;
        text-align: center;
        border: dotted 0.5px gray;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-top: 4px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 13px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblCaption[b-cwon9m8yrb] {
        font-size: 13px;
        font-weight: bold;
        margin-right: 10px
    }

    .lblCaption2[b-cwon9m8yrb] {
        font-size: 13px;
        margin-right: 3px;
        font-weight: 700
    }

    .lblcheckbox[b-cwon9m8yrb] {
        font-size: 14px;
        background-color: #6495ED
    }


    .lblbtn[b-cwon9m8yrb] {
        margin-top: 8px;
        text-align: center;
        border: dotted 0.5px gray;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-top: 4px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 13px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalInquiryIdentity.razor.rz.scp.css */
.inquiryIdentityLbl[b-9vgmli26rw] {
    border: 0.3px solid gray;
    text-align: center;
    background-color: #BBCFFF ;
    
}

.inquiryIdentityspan[b-9vgmli26rw] {
    font-size: 15px;
}

.inquiryIdentityinput[b-9vgmli26rw] {
    border: 0.3px solid gray;
    background-color: lavender;
  
}


.inquiryIdentityLbl2[b-9vgmli26rw] {
    border: 0.3px solid gray;
    background-color: #6495ED;
}

.prepaymentbtn[b-9vgmli26rw] {
    width: 120px;
    border: 0.3px solid gray;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-right: 20px
}

.prepaymentimg[b-9vgmli26rw] {
    width: 25px;
    height: 25px
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalInsuranceOtherInfo.razor.rz.scp.css */
.otherInfolbl[b-kn2wy2lk4t] {
    width: 140px;
    background-color: rgb(174,210,255);
    border: 0.3px solid gray;
    text-align: center;
}

.otherInfospan[b-kn2wy2lk4t]{
    font-size:13px ;
    text-align:center ;
}

.otherInfoinput[b-kn2wy2lk4t] {
    width: 200px;
    border: 0.3px solid gray;
    background-color:lavender ;
    font-size:14px ;
    margin-right:3px;

}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalIranInsuranceType.razor.rz.scp.css */
.lblSearchPart[b-mebu04wry8] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-mebu04wry8]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-mebu04wry8] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:320px;
    margin-right : -2px
}

.MainpartGrid[b-mebu04wry8] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-mebu04wry8], th[b-mebu04wry8], td[b-mebu04wry8] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-mebu04wry8] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-mebu04wry8] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-mebu04wry8] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-mebu04wry8] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-mebu04wry8] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-mebu04wry8]{
    width : 100px
}

.imgAcceptPart[b-mebu04wry8] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-mebu04wry8]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalLaboratoryAnswerPrint.razor.rz.scp.css */
.mainGridTable[b-l57otj70sd] {
    direction: ltr;
    width: 98%
}

.mainGridHeader[b-l57otj70sd] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
}

.tr[b-l57otj70sd], th[b-l57otj70sd], td[b-l57otj70sd] {
    border: 0.7px dotted gray;
}

.mainGridTr2[b-l57otj70sd] {
    height: 20px
}



/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .lblCaption[b-l57otj70sd] {
        font-size: 13px;
        font-weight: bold;
        margin-right: 10px
    }

    .lblCaption2[b-l57otj70sd] {
        font-size: 13px;
        margin-right: 3px;
        font-weight: 700
    }

    .lblcheckbox[b-l57otj70sd] {
        font-size: 12px;
        background-color: #6495ED
    }


    .lblbtn[b-l57otj70sd] {
        margin-top: 8px;
        text-align: center;
        border: dotted 0.5px gray;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-top: 4px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 13px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblCaption[b-l57otj70sd] {
        font-size: 13px;
        font-weight: bold;
        margin-right: 10px
    }

    .lblCaption2[b-l57otj70sd] {
        font-size: 13px;
        margin-right: 3px;
        font-weight: 700
    }

    .lblcheckbox[b-l57otj70sd] {
        font-size: 14px;
        background-color: #6495ED
    }


    .lblbtn[b-l57otj70sd] {
        margin-top: 8px;
        text-align: center;
        border: dotted 0.5px gray;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-top: 4px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 13px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionDetail.razor.rz.scp.css */

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .lblcaption[b-93880k2s9i] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        font-weight: bold;
        width: 90px
    }


    .inputcaption[b-93880k2s9i] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: powderblue;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 100px;
        font-weight: bold;
   
    }

    .radioitem[b-93880k2s9i] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-93880k2s9i] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
    }

    .tr[b-93880k2s9i], th[b-93880k2s9i], td[b-93880k2s9i] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-93880k2s9i] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-93880k2s9i] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-93880k2s9i] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-93880k2s9i] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-93880k2s9i] {
            background-color: yellow;
            font-weight: bold
        }


    .divSesc[b-93880k2s9i]{
        height : 180px
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {

    .SearchDetailMainGrid[b-93880k2s9i] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 340px;
        min-height: 200px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
    }

    .tr[b-93880k2s9i], th[b-93880k2s9i], td[b-93880k2s9i] {
        border: 0.5px dotted lightblue;
    }

    .SearchDetailHead[b-93880k2s9i] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .SearchDetailBody[b-93880k2s9i] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .SearchDetailTr[b-93880k2s9i] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .SearchDetailTr2[b-93880k2s9i] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-93880k2s9i] {
            background-color: yellow;
            font-weight: bold
        }

    .divSesc[b-93880k2s9i]{
        height : 60px ;       
    }

    /*//===================*/
    .spanSearchDetail[b-93880k2s9i]{
        font-size:13px ;
        text-align:center ;
        font-weight:bold
    }

    .lblcaptionSearchDetail[b-93880k2s9i] {
        font-size: 12px;
        border: solid 1px gray;
        background-color: #5F9DF7;
        padding-bottom: 1px;
        padding-top: 5px;
        text-align: center;
        width: 100px ;
        border-radius : 5px ;
    }

    .selectSearchDetail[b-93880k2s9i]{
        font-size:13px ;
        width:100%
    }

    .radioSpanSearchDetail[b-93880k2s9i]{
        font-size:13px ;
        margin-left:15px
    }

    .SearchDetalImg[b-93880k2s9i] {
        width: 23px;
        height: 23px;
        margin-left:3px
    }

    .SearchDetalbtn[b-93880k2s9i]{
        font-size:14px ;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionMore.razor.rz.scp.css */
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionPrePayment.razor.rz.scp.css */
.preReceptionSpan[b-48zvjaexvd]{
    text-align:center ;
    font-size:15px
}


.prePaymentMainGrid[b-48zvjaexvd] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 210px;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-48zvjaexvd], th[b-48zvjaexvd], td[b-48zvjaexvd] {
    border: 0.5px dotted lightblue;
}

.prePaymentHeader[b-48zvjaexvd] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.prePaymentBody[b-48zvjaexvd] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.prePaymentTR[b-48zvjaexvd] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.prePaymentTR2[b-48zvjaexvd] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.prePaymentTR2 :hover[b-48zvjaexvd] {
    background-color: yellow;
    font-weight: bold
}

.prepaymentbtn[b-48zvjaexvd] {
    width: 120px ;
    border:0.3px solid gray ;
    padding-bottom:3px ;
    padding-top:3px ;
    margin-right:20px
}

.prepaymentimg[b-48zvjaexvd] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-48zvjaexvd]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionRequests.razor.rz.scp.css */
.cardHeader[b-1o75zf7bla] {
    /*    background-color: rgb(174,210,255);*/
    background-color: rgb(215,227,250);
}

.cardmenu[b-1o75zf7bla] {
    /*background-color: rgb(174,210,255)*/
    background-color: rgb(215,227,250);
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {

    .imgMenu[b-1o75zf7bla] {
        height: 25px;
        width: 25px;
        text-align: center
    }

    .lblMenu[b-1o75zf7bla] {
        text-align: center;
        font-size: 11px
    }

    .labelCaption[b-1o75zf7bla] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }

    .labelInput[b-1o75zf7bla] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 90px;
        background-color: powderblue;
        border: solid 1px gray;
    }

    .labelInput2[b-1o75zf7bla] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        background-color: powderblue;
        border: solid 1px gray;
    }

    .MainGridTable[b-1o75zf7bla] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .MainGridTable2[b-1o75zf7bla] {
        background-color: white;
        display: block;
        height: 330px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .mainGridHeader[b-1o75zf7bla] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 12px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridHeader2[b-1o75zf7bla] {
        background-color: rgb(174,210,255);
        position: sticky;
        top: 0;
        color: black;
        font-size: 12px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-1o75zf7bla] {
        font-size: 11px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-1o75zf7bla] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .tr[b-1o75zf7bla], th[b-1o75zf7bla], td[b-1o75zf7bla] {
        border: 0.5px dotted blue;
    }
}


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .imgMenu[b-1o75zf7bla] {
        height: 45px;
        width: 45px;
        text-align: center
    }

    .lblMenu[b-1o75zf7bla] {
        text-align: center;
        font-size: 11px
    }

    .labelCaption[b-1o75zf7bla] {
        font-size: 11px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        width: 100px
    }

    .labelInput[b-1o75zf7bla] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 140px;
        margin-left: 10px;
        background-color: powderblue;
        border: solid 1px gray;
    }

    .labelInput2[b-1o75zf7bla] {
        font-size: 12px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        background-color: powderblue;
        border: solid 1px gray;
    }


    .MainGridTable[b-1o75zf7bla] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .MainGridTable2[b-1o75zf7bla] {
        background-color: white;
        display: block;
        height: 340px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1000px;
        cursor: pointer;
    }

    .mainGridHeader[b-1o75zf7bla] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridHeader2[b-1o75zf7bla] {
        background-color: rgb(174,210,255);
        position: sticky;
        top: 0;
        color: black;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-1o75zf7bla] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-1o75zf7bla] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .tr[b-1o75zf7bla], th[b-1o75zf7bla], td[b-1o75zf7bla] {
        border: 0.5px dotted blue;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionSearchByName.razor.rz.scp.css */
.mainGridTable[b-xm0y7rghg8] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1100px;
    cursor: pointer;
}


.tr[b-xm0y7rghg8], th[b-xm0y7rghg8], td[b-xm0y7rghg8] {
    border: 0.5px dotted lightblue;
}

.mainGridHeader[b-xm0y7rghg8] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.mainGridBody[b-xm0y7rghg8] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.mainGridTr[b-xm0y7rghg8] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.mainGridTr2[b-xm0y7rghg8] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .mainGridTr2 :hover[b-xm0y7rghg8] {
        background-color: yellow;
        font-weight: bold
    }
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalReceptionSupplementary.razor.rz.scp.css */
.selectinput[b-b9aeg1p8ud] {
    background-color: lavender;
    width: 100% ;
    border:0.3px solid gray ;
    font-size:15px
}

.btnSave[b-b9aeg1p8ud] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 5px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
}


.btnClose[b-b9aeg1p8ud] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #B22222;
    margin-top: 5px;
}

.tr[b-b9aeg1p8ud], th[b-b9aeg1p8ud], td[b-b9aeg1p8ud] {
    border: dotted 0.5px gray
}

.tblHead[b-b9aeg1p8ud] {
    background-color: #001D6E;
/*    position: sticky;
    top: 0;*/
    color: white;
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalSearchMultiItem.razor.rz.scp.css */
.searchMainGrid[b-6w53qaot4i] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.SearchHeader[b-6w53qaot4i] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.tr[b-6w53qaot4i], th[b-6w53qaot4i], td[b-6w53qaot4i] {
    border: 0.5px dotted lightblue;
}

.SearchBody[b-6w53qaot4i] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.SearchTr[b-6w53qaot4i] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SearchTr2[b-6w53qaot4i] {
    width: 100%;
    display: table;
    table-layout: fixed;
}


    .SearchTr2 :hover[b-6w53qaot4i] {
        background-color: bisque;
    }
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalSearchPublic.razor.rz.scp.css */
.searchMainGrid[b-7zoa5jbant] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.SearchHeader[b-7zoa5jbant] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.tr[b-7zoa5jbant], th[b-7zoa5jbant], td[b-7zoa5jbant] {
    border: 0.5px dotted lightblue;
}

.SearchBody[b-7zoa5jbant] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.SearchTr[b-7zoa5jbant] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SearchTr2[b-7zoa5jbant] {
    width: 100%;
    display: table;
    table-layout: fixed;
}


    .SearchTr2 :hover[b-7zoa5jbant] {
        background-color: bisque;
    }
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalSearchService.razor.rz.scp.css */
.serachServiceSpan[b-4epja6834h]{
    font-size:13px ;

}

.serachServiceInput[b-4epja6834h] {
    background-color: lavender;
    border: 0.3px solid gray;
    width: 230px;
}

.SearchServiceMainGrid[b-4epja6834h] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    max-height: 335px;
    overflow-y: scroll;

    width: 98%;
    max-width: 790px;
    cursor: pointer;
    margin-right: 21px
}

.tr[b-4epja6834h], th[b-4epja6834h], td[b-4epja6834h] {
    border: 1px dotted lightblue;
}

.SearchServiceHeader[b-4epja6834h] {
    background-color: #191970;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.SearchServiceBody[b-4epja6834h] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.SearchServiceTr[b-4epja6834h] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SearchServiceTr2[b-4epja6834h] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SearchServiceTr2 :hover[b-4epja6834h] {
    background-color: yellow;
 
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalSearchTeriaj.razor.rz.scp.css */

.mainGridSearchTeriaj[b-er564v7n00] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height:330px;
    max-height: 330px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-er564v7n00], th[b-er564v7n00], td[b-er564v7n00] {
    border: 0.5px dotted lightblue;
}

.HeaderSearchTeriaj[b-er564v7n00] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.SearchTeriajBody[b-er564v7n00] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.SearchTeriajTR[b-er564v7n00] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.SearchTeriajTR2[b-er564v7n00] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .SearchTeriajTR2 :hover[b-er564v7n00] {
        background-color: #C0DBEA;
        font-weight: bold
    }
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalSelectBeneficiaryRequest.razor.rz.scp.css */
.modalbenelbl[b-ptwrywnftq] {
    font-size: 14px ;
    width: 50px
}

.modalbeneSelect[b-ptwrywnftq] {
    margin-right: 5px;
    width: 210px;
    font-size: 15px
}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalTemplateResult.razor.rz.scp.css */
.HeaderImg[b-cy3mbu3by8] {
    height : 35px ;
    width : 35px
}

/*=================  Tablet  ==================*/
@media (max-width: 991px) {



    .mainGridTable[b-cy3mbu3by8] {
        background-color: white;
        display: block;
        height: 80%;
        max-height : 310px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 650px;
        cursor: pointer;
        direction :ltr
    }

    .tr[b-cy3mbu3by8], th[b-cy3mbu3by8], td[b-cy3mbu3by8] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-cy3mbu3by8] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-cy3mbu3by8] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-cy3mbu3by8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-cy3mbu3by8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-cy3mbu3by8] {
            background-color: yellow;
            font-weight: bold
        }

}


/*=================  PC  ==================*/
@media (min-width: 992px) {



    .mainGridTable[b-cy3mbu3by8] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        height: 95%;
        max-height: 310px;
        min-height : 200px ;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1400px;
        cursor: pointer;
        direction : ltr
    }

    .tr[b-cy3mbu3by8], th[b-cy3mbu3by8], td[b-cy3mbu3by8] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-cy3mbu3by8] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-cy3mbu3by8] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-cy3mbu3by8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr2[b-cy3mbu3by8] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .mainGridTr2 :hover[b-cy3mbu3by8] {
            background-color: #FFFBC1;
            font-weight: bold
        }

}
/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Modal/CmpModalXRayAnswer.razor.rz.scp.css */
.cardDetail[b-rmw4vxlkhh] {
    background-color: rgb(215,227,250);
}
/*=================  PC  ==================*/
@media (min-width: 992px) {
    .labelCaption[b-rmw4vxlkhh] {
        font-size: 13px;
        border: solid 1px gray;
        background-color: #2D31FA;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 120px;
        margin-left: 1px;
        height: 30px ;
        color: white ;
    }

    .labelInput[b-rmw4vxlkhh] {
        /*background-color: rgb(147,217,194);*/
        background-color: powderblue;
        font-size: 13px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: center;
        width: 100px;
        border: 1px solid gray;
        margin-left: 8px;
        height: 27px
    }

    .mainGridTable[b-rmw4vxlkhh] {
        background-color: white;
        display: block;
        height: 230px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1330px;
        cursor: pointer;
        direction: rtl;
    }

    .tr[b-rmw4vxlkhh], th[b-rmw4vxlkhh], td[b-rmw4vxlkhh] {
        border: 0.3px dotted gray;
    }

    .mainGridHeader[b-rmw4vxlkhh] {
        /*background-color: #143F6B;*/
        background-color: #0002A1;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .mainGridBody[b-rmw4vxlkhh] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-rmw4vxlkhh] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BodyGridTr[b-rmw4vxlkhh] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .BodyGridTr:hover[b-rmw4vxlkhh] {
            background-color: #97D2EC;
        }
}


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
    .labelCaption[b-rmw4vxlkhh] {
        font-size: 10px;
        border: solid 1px gray;
        background-color: rgb(174,210,255);
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        text-align: center;
        width: 60px
    }



    .mainGridTable[b-rmw4vxlkhh] {
        background-color: white;
        display: block;
        height: 280px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 300px;
        cursor: pointer;
    }


    .tr[b-rmw4vxlkhh], th[b-rmw4vxlkhh], td[b-rmw4vxlkhh] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-rmw4vxlkhh] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 13px;
        display: block;
        height: 27px;
        overflow: auto;
        display: table;
        table-layout: fixed;
        direction: rtl;
    }

    .mainGridBody[b-rmw4vxlkhh] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

    .mainGridTr[b-rmw4vxlkhh] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .BodyGridTr[b-rmw4vxlkhh] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
}


/* _content/PDD.Web.HMIS.UI/Pages/HPPatientManagement/Triage.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .TriageHeaderMenu[b-crj970zlg5] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 16px;
        height: 28px;
    }


    .Triageitemcaption[b-crj970zlg5] {
        text-align: center;
        font-size: 13px
    }


    .Triageitemimg[b-crj970zlg5] {
        width: 32px;
        height: 35px;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 7px
    }

    .lblcaption:hover[b-crj970zlg5] {
        color: blue;
        font-weight: bold;
        background-color: #AEE2FF
    }

    .teriageSpan01[b-crj970zlg5] {
        font-size: 13px;
    }

    .teriageInput01[b-crj970zlg5] {
        font-size: 12px;
        width: 80px;
        height: 24px
    }

    .teriageBtn01[b-crj970zlg5] {
        font-size: 11px;
        border: 0.3px solid gary;
        background-color: #D7E9F7
    }

    .teriagelbl01[b-crj970zlg5] {
        width: 145px;
        margin-right: -20px
    }

    .teriageInput02[b-crj970zlg5] {
        font-size: 12px;
        width: 140px;
        height: 24px;
        margin-right: -10px
    }

    .teriageSpan02[b-crj970zlg5] {
        font-size: 12px;
    }

    .teriajOption[b-crj970zlg5] {
        font-size: 15px;
    }

    .teriageSelect[b-crj970zlg5] {
        font-size: 12px;
        width: 100px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 100px
    }

    .teriageSelect2[b-crj970zlg5] {
        font-size: 12px;
        width: 250px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 100px
    }

    .teriageSelect3[b-crj970zlg5] {
        font-size: 12px;
        width: 180px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 100px
    }

    .teriageCard[b-crj970zlg5] {
        width: 330px;
        border: 0.3px solid gray;
        border-radius: 6px;
        padding-bottom: 10px;
        padding-top: 8px
    }

    .teriageSpan03[b-crj970zlg5] {
        font-size: 14px
    }

    .teriageSelect4[b-crj970zlg5] {
        width: 60px
    }
}


/*================= Large PC  ==================*/

@media (min-width: 1440px) {
    .TriageHeaderMenu[b-crj970zlg5] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 17px
    }

    .Triageitemcaption[b-crj970zlg5] {
        text-align: center;
        font-size: 15px
    }

    .Triageitemimg[b-crj970zlg5] {
        width: 39px;
        height: 42px;
        text-align: center;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 7px
    }

    .lblcaption:hover[b-crj970zlg5] {
        color: blue;
        font-weight: bold;
    }

    .teriageSpan01[b-crj970zlg5] {
        font-size: 14px;
    }

    .teriageInput01[b-crj970zlg5] {
        font-size: 13px;
        width: 130px;
        height: 24px
    }

    .teriageBtn01[b-crj970zlg5] {
        font-size: 13px;
        border: 0.3px solid gray;
        background-color: #D7E9F7
    }

    .teriagelbl01[b-crj970zlg5] {
        width: 180px
    }

    .teriageInput02[b-crj970zlg5] {
        font-size: 12px;
        width: 190px;
        height: 24px;
        margin-right: -10px
    }


    .teriageSpan02[b-crj970zlg5] {
        font-size: 12px;
    }

    .teriajOption[b-crj970zlg5] {
        font-size: 16px;
    }

    .teriageSelect[b-crj970zlg5] {
        font-size: 12px;
        width: 100px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 150px
    }

    .teriageSelect2[b-crj970zlg5] {
        font-size: 12px;
        width: 400px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 100px
    }

    .teriageSelect3[b-crj970zlg5] {
        font-size: 12px;
        width: 300px;
        background-color: lavender;
        border: 0.3px solid gray;
        border-radius: 3px;
        margin-left: 100px
    }

    .teriageCard[b-crj970zlg5] {
        width: 250px
    }

    .teriageSpan03[b-crj970zlg5] {
        font-size: 14px
    }

    .teriageSelect4[b-crj970zlg5] {
        width: 60px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_AnswerRequest.razor.rz.scp.css */
.ReqAnswerlbl[b-qpx71gyu2s] {
    font-size: 13px;
    width: 100px;
    border: 0.7px solid gray;
    text-align: center;
    margin-right: 30px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #93ABD3;
    height:25px
}


.ReqAnswerSpan[b-qpx71gyu2s] {
    font-size: 13px;
    margin-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    border: 0.7px solid gray;
    width: 150px;
    background-color: powderblue;
    height: 25px ;
    text-align :center
}

.btn09-1[b-qpx71gyu2s] {
    border: 0.7px solid gray;
    text-align: center;
    font-size: 12px;
    width: 255px;
    margin-right: 20px;
}

.ReqAnswerMainGrid[b-qpx71gyu2s] {
    direction:ltr ;
    width:100%

}

.tr[b-qpx71gyu2s], th[b-qpx71gyu2s], td[b-qpx71gyu2s] {
    border: 1px dotted lightblue;
}

.ReqAnswerHeader[b-qpx71gyu2s] {
    background-color: #191970;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}


.ReqAnsweBody[b-qpx71gyu2s] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.ReqAnsweTr[b-qpx71gyu2s] {
    width: 80%;
    display: table;
    table-layout: fixed;
}

.ReqAnsweTr2[b-qpx71gyu2s] {
    width: 80%;
    display: table;
    table-layout: fixed;
}

.ReqAnsweTr2 :hover[b-qpx71gyu2s] {
    background-color: #E6E6FA;
    font-weight: bold
}

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_Main.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblReq[b-vtv5wz829s] {
        font-size: 12px;
        width: 90px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #93ABD3
    }

    .lblReq2[b-vtv5wz829s] {
        font-size: 12px;
        width: 130px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: cyan
    }

    .spanReq[b-vtv5wz829s] {
        font-size: 13px;
        color: red;
        margin-right: 5px;
        margin-top: 5px
    }

    .HpReqmainGrid[b-vtv5wz829s] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 435px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-vtv5wz829s], th[b-vtv5wz829s], td[b-vtv5wz829s] {
        border: 1px dotted lightblue;
    }

    .HpReqHeader[b-vtv5wz829s] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .HpReqBody[b-vtv5wz829s] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr[b-vtv5wz829s] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr2[b-vtv5wz829s] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .HpReqTr2 :hover[b-vtv5wz829s] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .HpReqParaRequest[b-vtv5wz829s] {
        width: 30px;
        height: 30px
    }
}




/*=================  Large PC  ==================*/

@media (min-width: 1440px) {
    .lblReq[b-vtv5wz829s] {
        font-size: 12px;
        width: 90px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #93ABD3
    }

    .lblReq2[b-vtv5wz829s] {
        font-size: 12px;
        width: 130px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: cyan
    }

    .spanReq[b-vtv5wz829s] {
        font-size: 13px;
        color: red;
        margin-right: 5px;
        margin-top: 5px
    }

    .HpReqmainGrid[b-vtv5wz829s] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 520px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1500px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-vtv5wz829s], th[b-vtv5wz829s], td[b-vtv5wz829s] {
        border: 1px dotted lightblue;
    }

    .HpReqHeader[b-vtv5wz829s] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .HpReqBody[b-vtv5wz829s] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr[b-vtv5wz829s] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr2[b-vtv5wz829s] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .HpReqTr2 :hover[b-vtv5wz829s] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .HpReqParaRequest[b-vtv5wz829s] {
        width: 30px;
        height: 30px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_NewOperating.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width:1400px) {
    .reqNewOplbl[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 90px;
        text-align: center;
        margin-top: 5px;
        background-color: rgb(174,210,255);
        margin-right: 10px
    }

    .reqNewOpSpan[b-acuz9p46q5] {
        font-size: 12px;
    }

    .reqNewOplbl2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 140px;
        text-align: center;
        margin-top: 5px;
        background-color: powderblue;
    }

    .reqNewOpSpan2[b-acuz9p46q5] {
        font-size: 12px;
    }

    .reqOplal3[b-acuz9p46q5] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
    }

    .reqOplal3-1[b-acuz9p46q5] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
        margin-right: -15px
    }

    .reqOplal3-2[b-acuz9p46q5] {
        width: 30px;
        border: 0.3px solid gray;
        text-align: center;
        height: 24px;
        margin-right: -15px;
        background-color: lightgray
    }

    .reqOpSpan3-2[b-acuz9p46q5] {
        font-size: 12px;
        margin-right: -7px
    }

    .reqOpSpan3[b-acuz9p46q5] {
        font-size: 11px;
    }

    .reqOpInput3[b-acuz9p46q5] {
        border: 0.3px solid gray;
        font-size: 11px;
        background-color: lavender;
        height: 23px;
        width: 80px
    }

    .reqOpButton3[b-acuz9p46q5] {
        width: 45%;
        font-size: 11px
    }

    .reqOplal4[b-acuz9p46q5] {
        background-color: powderblue;
        width: 165px;
        border: 0.3px solid gray;
    }

    .reqOplal5[b-acuz9p46q5] {
        width: 200px;
    }

    .reqOplal6[b-acuz9p46q5] {
        width: 145px;
    }

    .reqOplal7[b-acuz9p46q5] {
        width: 220px;
    }

    .reqOplal8[b-acuz9p46q5] {
        width: 50px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-acuz9p46q5] {
        width: 50px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

    .reqOpbtnSearch[b-acuz9p46q5] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 30px;
        border-radius: 3px
    }

    .reqOpimgSerach[b-acuz9p46q5] {
        height: 18px;
        width: 18px;
        margin-right: -7px
    }

    .reqOpInput4[b-acuz9p46q5] {
        width: 90px
    }

    .reqOplal10[b-acuz9p46q5] {
        width: 50px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 330px;
    }

    .reqOplal11[b-acuz9p46q5] {
        width: 80px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplblChekBox[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 90px;
        font-size: 10px;
        background-color: #9CFF2E;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 110px;
        font-size: 12px;
        background-color: #FF9A8C;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox3[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 110px;
        font-size: 12px;
        background-color: #FF0000;
        padding-top: 5px;
        height: 25px
    }

    .reqOpbtnSearch2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 90px;
        border-radius: 3px;
        font-size: 12px
    }

    .reqOpimgSerach2[b-acuz9p46q5] {
        height: 18px;
        width: 18px;
    }

    .reqOpHeaderCard[b-acuz9p46q5] {
        font-size: 14px;
        color: blue
    }

    .reqOpMoreInfo[b-acuz9p46q5] {
        width: 100%;
        border: 0.3px solid gray;
        margin-top: -15px
    }

    .reqOpMoreInfoLbl[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-acuz9p46q5] {
        width: 180px;
        margin-right: -10px
    }

    .reqOpMoreInfo2[b-acuz9p46q5] {
        width: 100%;
        border: 0.5px solid lightblue;
    }

    .reqOpMoreInfo2Lbl[b-acuz9p46q5] {
        width: 80px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-acuz9p46q5] {
        width: 40px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpSergurSpan[b-acuz9p46q5] {
        color: white;
        font-size: 13px
    }

    .reqOpSergureLbl[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpSergurSelect[b-acuz9p46q5] {
        width: 200px;
        margin-right: -10px;
        font-size: 13px
    }

    .reqOpSergurSelect2[b-acuz9p46q5] {
        width: 50px;
        margin-right: -23px;
        height: 23px
    }

    .imgSearch[b-acuz9p46q5] {
        width: 18px;
        height: 16px;
    }

    .reqOplbl3[b-acuz9p46q5] {
        /*background-color: #F5C6EC;*/
        background-color: #B983FF;
        font-size: 13px;
        width: 160px;
        height: 24px;
        margin-top: 7px
    }

    .reqOplbl4[b-acuz9p46q5] {
        background-color: #2F58CD;
        font-size: 13px;
        width: 190px;
        height: 24px;
        margin-top: 7px;
        margin-right: 5px
    }

    .reqOplbl5[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpImg[b-acuz9p46q5] {
        width: 20px;
        height: 18px
    }

    .reqOplbl6[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 70px;
        background-color: yellow;
        font-size: 13px;
        padding-top: 2px
    }

    .reqOplbl7[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 100px;
        background-color: #FFE227;
        font-size: 13px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 77px;
        background-color: powderblue;
        font-size: 14px;
        padding-top: 2px;
    }

    .reqOplbl9[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 120px;
        background-color: #2F58CD;
        font-size: 13px;
        padding-top: 2px;
        color: white;
        margin-right: 5px
    }

    .reqOplbl10[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: right;
        width: 200px;
        background-color: #2F58CD;
        font-size: 13px;
        padding-top: 2px;
        color: white;
        margin-right: 5px
    }

    .reqOplbl11[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 150px;
        background-color: #F5C6EC;
        font-size: 13px;
        padding-top: 2px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .row3-0[b-acuz9p46q5] {
        margin-top: 30px
    }

    .row3[b-acuz9p46q5] {
        background-color: #AFB9C8;
        margin-bottom: 22px;
    }

    .reqOpbtn[b-acuz9p46q5] {
        width: 100px;
        text-align: center;
        border: 0.2px solid gray;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: 14px
    }

    .cardOperationName[b-acuz9p46q5] {
        border: 0.3px solid gray;
        border-radius: 5px;
        width: 99%;
        font-size: 13px;
        height: 100px;
        margin-top: 135px;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-right: 3px;
        padding-left: 3px;
        background-color: #EFF5F5;
    }
}


/*=================  Middle PC  ==================*/

@media (min-width: 1401px) and (max-width: 1601px) {
    .reqOpMoreInfo2Lbl[b-acuz9p46q5] {
        /*width: 80px;*/
        width: 55px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-acuz9p46q5] {
        /*width: 40px;*/
        width: 25px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpMoreInfoLbl[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-acuz9p46q5] {
        width: 200px;
        margin-right: -10px
    }

    .reqOpButton3[b-acuz9p46q5] {
        width: 48%;
        font-size: 12px
    }

    .reqOpInput3[b-acuz9p46q5] {
        border: 0.3px solid gray;
        font-size: 12px;
        background-color: lavender;
        height: 23px;
        width: 65px
    }

    .reqOplal5[b-acuz9p46q5] {
        width: 210px;
    }

    .reqOplal6[b-acuz9p46q5] {
        width: 170px;
    }

    .reqOplal8[b-acuz9p46q5] {
        width: 60px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-acuz9p46q5] {
        width: 50px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

        .reqOplal10[b-acuz9p46q5] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 350px;
    }

    .reqOplbl6[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 80px;
        background-color: yellow;
        font-size: 14px;
        padding-top: 2px
    }

    .reqOplbl5[b-acuz9p46q5] {
        width: 100px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOplbl7[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 110px;
        background-color: #FFE227;
        font-size: 14px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 70px;
        background-color: powderblue;
        font-size: 14px;
        padding-top: 2px;
    }
}

/*=================  larg1 PC  ==================*/

@media (min-width: 1601px) {
    .reqOpMoreInfo2Lbl[b-acuz9p46q5] {
        width: 80px;
        width: 65px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-acuz9p46q5] {
        width: 40px;
        width: 30px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpMoreInfoLbl[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-acuz9p46q5] {
        width: 230px;
        margin-right: -10px
    }

    .reqOpButton3[b-acuz9p46q5] {
        width: 55%;
        font-size: 12px
    }

    .reqOpInput3[b-acuz9p46q5] {
        border: 0.3px solid gray;
        font-size: 12px;
        background-color: lavender;
        height: 23px;
        width: 70px
    }

    .reqOplal5[b-acuz9p46q5] {
        width: 227px;
    }

    .reqOplal6[b-acuz9p46q5] {
        width: 200px;
    }

    .reqOplal8[b-acuz9p46q5] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-acuz9p46q5] {
        width: 60px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

        .reqOplal10[b-acuz9p46q5] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 440px;
    }

    .reqOplbl6[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 100px;
        background-color: yellow;
        font-size: 14px;
        padding-top: 2px
    }

    .reqOplbl5[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOplbl7[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 140px;
        background-color: #FFE227;
        font-size: 14px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 77px;
        background-color: powderblue;
        font-size: 14px;
        padding-top: 2px;
    }
}


/*=================  Larg PC  ==================*/

@media (min-width: 1401px) {
    .reqNewOplbl[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 90px;
        text-align: center;
        margin-top: 5px;
        background-color: rgb(174,210,255);
        margin-right: 10px
    }

    .reqNewOpSpan[b-acuz9p46q5] {
        font-size: 12px;
    }

    .reqNewOplbl2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 140px;
        text-align: center;
        margin-top: 5px;
        background-color: powderblue;
    }

    .reqNewOpSpan2[b-acuz9p46q5] {
        font-size: 12px;
    }

    .reqOplal3[b-acuz9p46q5] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
    }

    .reqOplal3-1[b-acuz9p46q5] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
        margin-right: -15px
    }

    .reqOplal3-2[b-acuz9p46q5] {
        width: 30px;
        border: 0.3px solid gray;
        text-align: center;
        height: 24px;
        margin-right: -15px;
        background-color: lightgray
    }

    .reqOpSpan3-2[b-acuz9p46q5] {
        font-size: 12px;
        margin-right: -7px
    }

    .reqOpSpan3[b-acuz9p46q5] {
        font-size: 12px;
    }

/*    .reqOpInput3 {
        border: 0.3px solid gray;
        font-size: 12px;
        background-color: lavender;
        height: 23px;
        width: 80px
    }*/

/*    .reqOpButton3 {
        width: 60%;
        font-size: 12px
    }*/

    .reqOplal4[b-acuz9p46q5] {
        background-color: powderblue;
        width: 165px;
        border: 0.3px solid gray;
    }

/*    .reqOplal5 {
        width: 227px;
    }*/

/*    .reqOplal6 {
        width: 200px;
    }*/

    .reqOplal7[b-acuz9p46q5] {
        width: 220px;
    }

/*    .reqOplal8 {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }*/

/*    .reqOplal9 {
        width: 60px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }*/

    .reqOpbtnSearch[b-acuz9p46q5] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 35px;
        border-radius: 3px
    }

    .reqOpimgSerach[b-acuz9p46q5] {
        height: 20px;
        width: 20px;
        margin-right: -7px
    }

    .reqOpInput4[b-acuz9p46q5] {
        width: 90px
    }

/*    .reqOplal10 {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 440px;
    }*/

    .reqOplal11[b-acuz9p46q5] {
        width: 100px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplblChekBox[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 100px;
        font-size: 12px;
        background-color: #9CFF2E;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 120px;
        font-size: 12px;
        background-color: #FF9A8C;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox3[b-acuz9p46q5] {
        border: 0.3px solid gray;
        width: 120px;
        font-size: 12px;
        background-color: #FF0000;
        padding-top: 5px;
        height: 25px
    }

    .reqOpbtnSearch2[b-acuz9p46q5] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 110px;
        border-radius: 3px;
        font-size: 12px
    }

    .reqOpimgSerach2[b-acuz9p46q5] {
        height: 20px;
        width: 20px;
    }

    .reqOpHeaderCard[b-acuz9p46q5] {
        font-size: 14px;
        color: blue
    }

    .reqOpMoreInfo[b-acuz9p46q5] {
        width: 100%;
        border: 0.3px solid gray;
        margin-top: -15px
    }

/*    .reqOpMoreInfoLbl {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect {
        width: 250px;
        margin-right: -10px
    }*/

    .reqOpMoreInfo2[b-acuz9p46q5] {
        width: 100%;
        border: 0.5px solid lightblue;
    }

    /*.reqOpMoreInfo2Lbl {*/
    /*width: 80px;*/
    /*width: 65px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2 {*/
    /*width: 40px;*/
    /*width: 30px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }*/

    .reqOpSergurSpan[b-acuz9p46q5] {
        color: white;
        font-size: 13px
    }

    .reqOpSergureLbl[b-acuz9p46q5] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpSergurSelect[b-acuz9p46q5] {
        /*    width: 250px;*/
        width: 250px;
        margin-right: -10px;
        font-size: 14px;
    }

    .reqOpSergurSelect2[b-acuz9p46q5] {
        width: 50px;
        margin-right: -23px;
        height: 23px
    }

    .imgSearch[b-acuz9p46q5] {
        width: 18px;
        height: 16px;
    }

    .reqOplbl3[b-acuz9p46q5] {
        /*background-color: #F5C6EC;*/
        background-color: #B983FF;
        font-size: 14px;
        width: 170px;
        height: 25px;
        margin-top: 7px
    }

    .reqOplbl4[b-acuz9p46q5] {
        background-color: #2F58CD;
        font-size: 14px;
        width: 200px;
        height: 25px;
        margin-top: 7px;
        margin-right: 5px
    }

/*    .reqOplbl5 {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }*/

    .reqOpImg[b-acuz9p46q5] {
        width: 20px;
        height: 18px
    }

/*    .reqOplbl6 {
        border: 0.2px solid gray;
        text-align: center;
        width: 110px;
        background-color: yellow;
        font-size: 14px;
        padding-top: 2px
    }*/

/*    .reqOplbl7 {
        border: 0.2px solid gray;
        text-align: center;
        width: 140px;
        background-color: #FFE227;
        font-size: 14px;
        padding-top: 2px;
        margin-right: 5px;
    }*/

/*    .reqOplbl8 {
        border: 0.2px solid gray;
        text-align: center;
        width: 77px;
        background-color: powderblue;
        font-size: 14px;
        padding-top: 2px;
    }*/

    .reqOplbl9[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: center;
        width: 120px;
        background-color: #2F58CD;
        font-size: 13px;
        padding-top: 2px;
        color: white;
        margin-right: 5px
    }

    .reqOplbl10[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: right;
        width: 200px;
        background-color: #2F58CD;
        font-size: 13px;
        padding-top: 2px;
        color: white;
        margin-right: 5px
    }

    .reqOplbl11[b-acuz9p46q5] {
        border: 0.2px solid gray;
        text-align: right;
        width: 150px;
        background-color: #F5C6EC;
        font-size: 13px;
        padding-top: 2px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .row3-0[b-acuz9p46q5] {
        margin-top: 210px
    }

    .row3[b-acuz9p46q5] {
        background-color: #AFB9C8;
        margin-bottom: 18px;
    }

    .reqOpbtn[b-acuz9p46q5] {
        width: 100px;
        text-align: center;
        border: 0.2px solid gray;
        margin-top: 3px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .cardOperationName[b-acuz9p46q5] {
        border: 0.3px solid gray;
        border-radius: 5px;
        width: 80%;
        font-size: 13px;
        height: 100px;
        margin-top: 135px;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-right: 3px;
        padding-left: 3px;
        background-color: #EFF5F5;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestList.razor.rz.scp.css */


/*=================  PC  ==================*/
@media (min-width: 992px) {
    .lblReqHistoey[b-04e6q830zj] {
        font-size: 12px;
        width: 90px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: #93ABD3
    }

    .spanReqHistory[b-04e6q830zj] {
        font-size: 13px;
        color: red;
        margin-right: 5px;
        margin-top: 5px
    }

    .spanReqHistory2[b-04e6q830zj] {
        border: 0.1px solid gray;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        width: 150px;
    }

    .ReqListMainGrid[b-04e6q830zj] {
        background-color: white;
        display: block;
        height:200px;
        max-height: 220px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px;
        margin-top: 30px
    }

    .tr[b-04e6q830zj], th[b-04e6q830zj], td[b-04e6q830zj] {
        border: 1px dotted lightblue;
    }

    .ReqListHeader[b-04e6q830zj] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqListBody[b-04e6q830zj] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqListTr[b-04e6q830zj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqListTr2[b-04e6q830zj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .ReqListTr2 :hover[b-04e6q830zj] {
            background-color: #E6E6FA;
            font-weight: bold
        }


    /*---------------*/

    .ReqHisDetailMainGrid[b-04e6q830zj] {
        background-color: white;
        display: block;
        max-height: 300px;
        height:300px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px;
        margin-top: 30px ;
        margin-bottom : 50px
    }

    .tr[b-04e6q830zj], th[b-04e6q830zj], td[b-04e6q830zj] {
        border: 1px dotted lightblue;
    }

    .ReqHisDetailHeader[b-04e6q830zj] {
        background-color: #0E49B5;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailBody[b-04e6q830zj] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailTr[b-04e6q830zj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqHisDetailTr2[b-04e6q830zj] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .btnReqHistory[b-04e6q830zj]{
        text-align:center ;
        font-size:11px ;
        width:70px ;
        padding-bottom:8px ;
        padding-top:2px
    }

}


/*=================  Tablet  ==================*/

@media (max-width: 991px) {

  
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestMoshavereh.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblReqRemedial[b-j63oxb0zx4] {
        font-size: 13px;
        width: 100px;
        border: 0.7px solid gray;
        text-align: center;
        background-color: #89CFFD;
        margin-right:20px
    }

    .spanReqRemedial[b-j63oxb0zx4] {
        font-size: 13px;
        width: 160px;
        border: 0.7px solid gray;
        background-color: powderblue;
        margin-left:20px
    }

    .ReqRemedialMainGrid[b-j63oxb0zx4] {
        background-color: white;
        display: block;
        height: 450px;
        max-height: 700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 98%;
        max-width:1200px;
        cursor: pointer;
    }

    .tr[b-j63oxb0zx4], th[b-j63oxb0zx4], td[b-j63oxb0zx4] {
        border: 0.2px dotted #31E1F7;
    }

    .ReqRemedialHeader[b-j63oxb0zx4] {
        /*background-color: #191970;*/
        background-color: #0D3F67;
        position: sticky;
        top: 0;
        /*    color: white;*/
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialBody[b-j63oxb0zx4] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr[b-j63oxb0zx4] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr2[b-j63oxb0zx4] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr2 :hover[b-j63oxb0zx4] {
        background-color: #E6E6FA;
        font-weight: bold
    }

}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestMoshaverehRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-3eg7mrv412] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-3eg7mrv412] {
        width: 42px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-3eg7mrv412] {
        text-align: center;
        font-size: 12px ;

    }


    .HeaderMenu[b-3eg7mrv412] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-3eg7mrv412] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-3eg7mrv412] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-3eg7mrv412] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-3eg7mrv412] {
        width: 37px;
        height: 35px;
        text-align: center;
        margin-right:5px;
        margin-bottom:7px
    }

    .itemcaption[b-3eg7mrv412] {
        text-align: center;
        font-size: 13px;
 
    }


    .HeaderMenu[b-3eg7mrv412] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size:14px
    }

    .span01[b-3eg7mrv412] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-3eg7mrv412] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestRemedialActivity.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblReqRemedial[b-1yznk1ajfl] {
        font-size: 13px;
        width: 100px;
        border: 0.7px solid gray;
        text-align: center;
        background-color: #89CFFD;
        margin-right:20px
    }

    .spanReqRemedial[b-1yznk1ajfl] {
        font-size: 13px;
        width: 160px;
        border: 0.7px solid gray;
        background-color: powderblue;
        margin-left:20px
    }

    .ReqRemedialMainGrid[b-1yznk1ajfl] {
        background-color: white;
        display: block;
        height: 450px;
        max-height: 700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 98%;
        max-width:1200px;
        cursor: pointer;
    }

    .tr[b-1yznk1ajfl], th[b-1yznk1ajfl], td[b-1yznk1ajfl] {
        border: 0.2px dotted #31E1F7;
    }

    .ReqRemedialHeader[b-1yznk1ajfl] {
        /*background-color: #191970;*/
        background-color: #0D3F67;
        position: sticky;
        top: 0;
        /*    color: white;*/
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialBody[b-1yznk1ajfl] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr[b-1yznk1ajfl] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr2[b-1yznk1ajfl] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqRemedialTr2 :hover[b-1yznk1ajfl] {
        background-color: #E6E6FA;
        font-weight: bold
    }

}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestRemedialActivityRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-muetgdbu51] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-muetgdbu51] {
        width: 42px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-muetgdbu51] {
        text-align: center;
        font-size: 12px ;

    }


    .HeaderMenu[b-muetgdbu51] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-muetgdbu51] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-muetgdbu51] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-muetgdbu51] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-muetgdbu51] {
        width: 37px;
        height: 35px;
        text-align: center;
        margin-right:5px;
        margin-bottom:7px
    }

    .itemcaption[b-muetgdbu51] {
        text-align: center;
        font-size: 13px;
 
    }


    .HeaderMenu[b-muetgdbu51] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size:14px
    }

    .span01[b-muetgdbu51] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-muetgdbu51] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestResturant.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {


    .ReqResturantMainGrid[b-3kvdya8aw7] {
        background-color: white;
        display: block;
        height: 560px;
        max-height: 700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 98%;
        max-width:1200px;
        cursor: pointer;
    }

    .tr[b-3kvdya8aw7], th[b-3kvdya8aw7], td[b-3kvdya8aw7] {
        border: 0.2px dotted #31E1F7;
    }

    .ReqResturantHeader[b-3kvdya8aw7] {
        background-color: #191970;
        /*background-color: #B2DEEC;*/
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqResturantBody[b-3kvdya8aw7] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqResturantTr[b-3kvdya8aw7] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqResturantTr2[b-3kvdya8aw7] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .ReqResturantTr2 :hover[b-3kvdya8aw7] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestResturantRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-hqz0o27upd] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-hqz0o27upd] {
        width: 42px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-hqz0o27upd] {
        text-align: center;
        font-size: 12px ;

    }


    .HeaderMenu[b-hqz0o27upd] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-hqz0o27upd] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-hqz0o27upd] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-hqz0o27upd] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-hqz0o27upd] {
        width: 37px;
        height: 35px;
        text-align: center;
        margin-right:5px;
        margin-bottom:7px
    }

    .itemcaption[b-hqz0o27upd] {
        text-align: center;
        font-size: 13px;
 
    }


    .HeaderMenu[b-hqz0o27upd] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size:14px
    }

    .span01[b-hqz0o27upd] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-hqz0o27upd] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestTo.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {
    .lblReqTo[b-5vhulw35le] {
        font-size: 13px;
        width: 100px;
        border: 0.7px solid gray;
        text-align: center;
        background-color: #89CFFD;

    }

    .spanReqTo[b-5vhulw35le] {
        font-size: 13px;
        width: 160px;
        border: 0.7px solid gray;
        background-color: powderblue;
        margin-left:20px
    }

        .spanReqTo2[b-5vhulw35le]{
            color:white ;
            font-size:13px;
        }

        .inputReqTo[b-5vhulw35le] {
            font-size: 13px;
            width: 260px;
            border: 0.7px solid gray;
            background-color: lavender;
            margin-left: 20px
        }

    .inputReqTo2[b-5vhulw35le] {
        font-size: 13px;
        width: 260px;
        border: 0.7px solid gray;
        background-color: lavender;
    }

    .ReqTomainGrid[b-5vhulw35le] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 400px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        cursor: pointer;
        direction:ltr
    }

    .tr[b-5vhulw35le], th[b-5vhulw35le], td[b-5vhulw35le] {
        border: 0.2px dotted #31E1F7;
    }

    .ReqToHeader[b-5vhulw35le] {
        /*background-color: #191970;*/
        background-color: #0D3F67;
        position: sticky;
        top: 0;
        /*    color: white;*/
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .ReqToBody[b-5vhulw35le] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .ReqToTr[b-5vhulw35le] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .ReqToTr2[b-5vhulw35le] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr2 :hover[b-5vhulw35le] {
        background-color: #E6E6FA;
        font-weight: bold
    }

    .HpReqParaRequest[b-5vhulw35le]{
        width:30px ;
        height : 30px
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RequestToRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-nad34oc3j0] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-nad34oc3j0] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-nad34oc3j0] {
        text-align: center;
        font-size: 12px ;

    }


    .HeaderMenu[b-nad34oc3j0] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-nad34oc3j0] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-nad34oc3j0] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-nad34oc3j0] {
        position: sticky;
        width: 117%
    }

    .itemimg[b-nad34oc3j0] {
        width: 32px;
        height: 35px;
        text-align: center;
        margin-right:5px;
        margin-bottom:7px
    }

    .itemcaption[b-nad34oc3j0] {
        text-align: center;
        font-size: 13px;
 
    }


    .HeaderMenu[b-nad34oc3j0] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size:14px
    }

    .span01[b-nad34oc3j0] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-nad34oc3j0] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Components/CmpRequest_RightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-6o53q4i51i] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-6o53q4i51i] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-6o53q4i51i] {
        text-align: center;
        font-size: 12px;
    }


    .HeaderMenu[b-6o53q4i51i] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-6o53q4i51i] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-6o53q4i51i] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    } 
}


/*=================  PC  ==================*/

@media (min-width: 992px) {

    .RightMenu2[b-6o53q4i51i] {
        position: sticky;
        width: 110%
    }

    .itemimg[b-6o53q4i51i] {
        width: 32px;
        height: 35px;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 7px
    }

    .itemcaption[b-6o53q4i51i] {
        text-align: center;
        font-size: 13px
    }


    .HeaderMenu[b-6o53q4i51i] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 14px
    }

    .span01[b-6o53q4i51i] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-6o53q4i51i] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}



/*================= Large PC  ==================*/

@media (min-width: 1440px) {

    .RightMenu2[b-6o53q4i51i] {
        position: sticky;
        width: 107%
    }

    .itemimg[b-6o53q4i51i] {
        width: 39px;
        height: 42px;
        text-align: center;
        margin-right: 15px;
        margin-left:15px;
        margin-bottom: 7px
    }

    .itemcaption[b-6o53q4i51i] {
        text-align: center;
        font-size: 15px
    }


    .HeaderMenu[b-6o53q4i51i] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 17px
    }

    .span01[b-6o53q4i51i] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-6o53q4i51i] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalAddServiceTypeRoRequest.razor.rz.scp.css */
.btnAddType[b-m3x0hwqyzs] {
    border: 0.3px solid gray;
    width:40px
}

.imgAddType[b-m3x0hwqyzs] {
    height:25px ;
    width:25px ;
    margin-right:-5px ;
    margin-top:3px
}

.selectAddType[b-m3x0hwqyzs] {
    width:200px
}

.lblAddType[b-m3x0hwqyzs] {
    border: 0.3px solid gray;
    text-align: center;
    width: 110px;
    padding-top: 3px;
    background-color: #93ABD3
}

.spanAddType[b-m3x0hwqyzs]{
    font-size:15px ;
    margin-top:8px
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalBaseOperating.razor.rz.scp.css */

.BaseOpmainGrid[b-7wwplwxeji] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 270px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-7wwplwxeji], th[b-7wwplwxeji], td[b-7wwplwxeji] {
    border: 0.5px dotted lightblue;
}

.BaseopHeader[b-7wwplwxeji] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.BaseOpBody[b-7wwplwxeji] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.baseopTr[b-7wwplwxeji] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.baseopTr2[b-7wwplwxeji] {
    width: 100%;
    display: table;
    table-layout: fixed;
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalBedriddenReferralInformation.razor.rz.scp.css */
.bedriddenInfoLabel1[b-i7usxzw0jb] {
    width: 110px;
    text-align: left;
    height: 23px
}

.bedriddenInfoSpan[b-i7usxzw0jb] {
    font-size: 12px
}


.bedriddenInfoLabel2[b-i7usxzw0jb] {
    width: 155px;
    text-align: right;
    border: 0.3px solid gray;
    background-color: rgb(147,217,194);
    height:23px
}

.bedriddenInfoSpan2[b-i7usxzw0jb] {
    font-size: 13px
}


.bedriddenInfoBtn[b-i7usxzw0jb]{
    margin-top:7px ;
    padding-bottom:3px ;padding-top:3px ;
    width:110px ;
    border:0.3px solid gray ;
}

.bedriddenInfoBtnSpan[b-i7usxzw0jb]{
    font-size:12px
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalOperationStepIndex.razor.rz.scp.css */


.OpStepMainGrid[b-q69x9mhq1d] {
    background-color: white;
    display: block;
    height: 90%;
    max-height: 640px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1900px;
    cursor: pointer;
}

.tr[b-q69x9mhq1d], th[b-q69x9mhq1d], td[b-q69x9mhq1d] {
    border: 0.5px dotted lightblue;
}

.OpStepHeader[b-q69x9mhq1d] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.OpStepBody[b-q69x9mhq1d] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.OpStepTr[b-q69x9mhq1d] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.OpStepTr2[b-q69x9mhq1d] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.OpStebbtn[b-q69x9mhq1d]{
width:140px ;
margin-right:15px ;
margin-left:15px;
padding-top:3px ;
padding-bottom:3px ;
border:0.3px solid gray ;
border-radius:8px
}

.OpStepSpan[b-q69x9mhq1d]{
    font-size:20px
}

.OpStepImg[b-q69x9mhq1d]{
    width:33px ;
    height:33px
}

.OpStepImg2[b-q69x9mhq1d] {
    width: 20px;
    height: 20px
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalPatientTransmit.razor.rz.scp.css */
.lblReq[b-xv1c3i5u0i] {
    font-size: 12px;
    width: 90px;
    border: 0.7px solid gray;
    text-align: center;

    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #93ABD3
}

.spanReq[b-xv1c3i5u0i] {
    font-size: 13px;
    color: red;
    margin-right: 5px;
    margin-top: 5px
}

.HpReqmainGrid[b-xv1c3i5u0i] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    max-height: 340px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
  
}

.tr[b-xv1c3i5u0i], th[b-xv1c3i5u0i], td[b-xv1c3i5u0i] {
    border: 1px dotted lightblue;
}

.HpReqHeader[b-xv1c3i5u0i] {
    background-color: #191970;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.HpReqBody[b-xv1c3i5u0i] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.HpReqTr[b-xv1c3i5u0i] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.HpReqTr2[b-xv1c3i5u0i] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .HpReqTr2 :hover[b-xv1c3i5u0i] {
        background-color: #E6E6FA;
        font-weight: bold
    }
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalReleaseReady.razor.rz.scp.css */
.ReleaseReadylbl[b-9be5pfjpk0] {
    background-color: rgb(174,210,255);
    width: 100px;
    border: 0.3px solid gray;
    text-align: center;
    height: 25px
}

.ReleaseReadylbl2[b-9be5pfjpk0] {
    background-color: powderblue;
    width: 115px;
    border: 0.3px solid gray;
    text-align: center;
    height: 25px
}


.ReleaseReadySpan01[b-9be5pfjpk0] {
    font-size: 12px
}

.ReleaseReadySpan02[b-9be5pfjpk0] {
    font-size: 12px
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalRequestError.razor.rz.scp.css */
.ReqErrorMainGrid[b-0xs0tqus4h] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 99%;
    max-width: 1300px;
    cursor: pointer;
    margin-right: 21px
}

.tr[b-0xs0tqus4h], th[b-0xs0tqus4h], td[b-0xs0tqus4h] {
    border: 1px dotted lightblue;
}

.ReqErrorHeader[b-0xs0tqus4h] {
    background-color: #191970;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.ReqErrorBody[b-0xs0tqus4h] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.ReqErrorTr[b-0xs0tqus4h] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.ReqErrorTr2[b-0xs0tqus4h] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalSearchBedriddenOperation.razor.rz.scp.css */

/*===================  PC   ==================*/
@media (min-width: 991px) and (max-width:1400px) {

    .serachOplbl[b-tw0ylrqnbw] {
        border: 0.3px solid gray;
        width: 130px;
        background-color: #3330E4;
        height: 27px;
    }

    .searchOpspan[b-tw0ylrqnbw] {
        font-size: 12px;
        color: white
    }

    .searchOpinput[b-tw0ylrqnbw] {
        border: 0.3px solid gray;
        background-color: lavender;
        width: 180px;
        height: 27px;
        margin-right: 3px;
        font-size: 15px
    }

    .searchOpinput2[b-tw0ylrqnbw] {
        width: 180px;
        height: 28px;
        margin-right: 3px;
        font-size: 15px
    }

    .searchOpbtn[b-tw0ylrqnbw] {
        width: 140px;
        border: 0.3px solid gray;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-right: 7px;
        margin-left: 5px
    }

    .serchOpspan2[b-tw0ylrqnbw]{
        font-size:13px
    }

    .searchOpimg[b-tw0ylrqnbw] {
        width: 30px;
        height: 30px;
        margin-right: 10px
    }

    .middleRow[b-tw0ylrqnbw] {
        height: 300px;
        background-color: ghostwhite;
    }

    .searchOpmaingrid[b-tw0ylrqnbw] {
        background-color: white;
        display: block;
        height: 99%;
        /*max-height: 295px;*/
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1900px;
        cursor: pointer;
    }

    .tr[b-tw0ylrqnbw], th[b-tw0ylrqnbw], td[b-tw0ylrqnbw] {
        border: 0.5px dotted lightblue;
    }

    .searchopheader[b-tw0ylrqnbw] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .searchopbody[b-tw0ylrqnbw] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .searchOpTr[b-tw0ylrqnbw] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .searchOpTr2[b-tw0ylrqnbw] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
}


/*===================  Large PC   ==================*/
@media (min-width: 1401px) and (max-width:2200px) {

    .serachOplbl[b-tw0ylrqnbw] {
        border: 0.3px solid gray;
        width: 130px;
        background-color: #3330E4;
        height:28px ;

    }

    .searchOpspan[b-tw0ylrqnbw] {
        font-size: 13px ;
        color : white
    }

    .searchOpinput[b-tw0ylrqnbw]{
        border:0.3px solid gray ;
        background-color:lavender ;
        width: 180px ;
        height:28px ;
        margin-right:3px ;
        font-size:15px
    }

    .searchOpinput2[b-tw0ylrqnbw] {
        width: 180px;
        height: 28px;
        margin-right: 3px;
        font-size: 15px
    }

    .searchOpbtn[b-tw0ylrqnbw]{
        width:140px ;
        border:0.3px solid gray;
        padding-top:3px ;
        padding-bottom:3px ;
        margin-right:7px ;
        margin-left:5px
    }

   .serchOpspan2[b-tw0ylrqnbw] {
        font-size: 14px
    }

    .searchOpimg[b-tw0ylrqnbw]{
        width:40px ;
        height:40px ;
        margin-right:10px
    }

    .middleRow[b-tw0ylrqnbw]{
        height:565px ;
        background-color:ghostwhite ;
    }

    .searchOpmaingrid[b-tw0ylrqnbw] {
        background-color: white;
        display: block;
        height: 99%;
        /*max-height: 295px;*/
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1900px;
        cursor: pointer;
    }

    .tr[b-tw0ylrqnbw], th[b-tw0ylrqnbw], td[b-tw0ylrqnbw] {
        border: 0.5px dotted lightblue;
    }

    .searchopheader[b-tw0ylrqnbw] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .searchopbody[b-tw0ylrqnbw] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .searchOpTr[b-tw0ylrqnbw] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .searchOpTr2[b-tw0ylrqnbw] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalSearchCalifornia.razor.rz.scp.css */

.searchCalLbl[b-eh1s2bl7md] {
    font-size: 15px;
    color: blue;
    width: 100%
}

.searchCalLbl2[b-eh1s2bl7md] {
    border:0.3px solid lightgray ;
    border-radius:8px ;
    width:340px
}

.SearchCalSpan2[b-eh1s2bl7md]{
    font-size:15px ;
}


.SearchCalCaption[b-eh1s2bl7md] {
    font-size: 14px;
    text-align: center;
    width: 120px;
    border: 0.3px solid gray;
    background-color: rgb(174,210,255);
}


@media (min-width: 992px) {
    .SearchCalMainGrid[b-eh1s2bl7md] {
        background-color: white;
        display: block;
        height: 90%;
        max-height: 295px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1900px;
        cursor: pointer;
    }
}


@media (min-width: 1440px) {
    .SearchCalMainGrid[b-eh1s2bl7md] {
        background-color: white;
        display: block;
        height: 90%;
        max-height: 575px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1900px;
        cursor: pointer;
    }
}

    .tr[b-eh1s2bl7md], th[b-eh1s2bl7md], td[b-eh1s2bl7md] {
        border: 0.5px dotted lightblue;
    }

    .SearchCalHeader[b-eh1s2bl7md] {
        background-color: #143F6B;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .SearchCalBody[b-eh1s2bl7md] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .SearchCalTr[b-eh1s2bl7md] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .SearchCalTr2[b-eh1s2bl7md] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .SearchCalTr2 :hover[b-eh1s2bl7md] {
            background-color: rgb(174,210,255)
        }

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/Modal/CmpModalSelectDoctorOrder.razor.rz.scp.css */
.DocOrderMainGrid[b-28lt4tks26] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 99%;
    max-width: 1300px;
    cursor: pointer;
    margin-right: 21px
}

.tr[b-28lt4tks26], th[b-28lt4tks26], td[b-28lt4tks26] {
    border: 1px dotted lightblue;
}

.DocOrderHeader[b-28lt4tks26] {
    background-color: #191970;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.DocOrderBody[b-28lt4tks26] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.DocOrderTr[b-28lt4tks26] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.DocOrdertr2[b-28lt4tks26] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.DocOrderBtn[b-28lt4tks26]{
    border:0.3px solid gray ;
    border-radius:5px;
    width:90px ;
    padding-top:1px ;
    padding-bottom:1px;
    position:absolute ;
    left:44% ;
    background-color:lightgreen
}

    .DocOrderSpan[b-28lt4tks26] {
        font-size: 15px
    }
/* _content/PDD.Web.HMIS.UI/Pages/MedicalDocument/Components/CmpMedicalDocument_Main.razor.rz.scp.css */


/*==================   PC  =================*/
@media (min-width: 992px) and (max-width: 1400px) {
    .OPLabel01[b-fra85extv6] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #070D59;
        width: 140px;
        height: 25px;
        color:white
    }

    .MedicalSpan01[b-fra85extv6]{
        font-size:15px
    }

    .MedicalImg01[b-fra85extv6] {
        height: 30px;
        width: 30px
    }

    .OPSpan01[b-fra85extv6] {
        font-size: 13px;
        text-align: center;
    }

    .OPInput01[b-fra85extv6] {
        border: 0.3px solid gray;
        font-size: 12px;
        text-align: center;
        background-color: lavender;
        height: 25px;
        width: 200px;
        margin-right: -4px
    }

    .OPBtn01[b-fra85extv6] {
        border: 0.3px solid gray;
        border-radius: 3px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        width: 140px;
        height: 50px
    }

    .OPSpan02[b-fra85extv6] {
        text-align: center;
        font-size: 16px
    }

    .OPImg01[b-fra85extv6] {
        height: 32px;
        width: 32px
    }

    .OPMainGrid[b-fra85extv6] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 630px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1200px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-fra85extv6], th[b-fra85extv6], td[b-fra85extv6] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-fra85extv6] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-fra85extv6] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-fra85extv6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-fra85extv6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-fra85extv6] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}



/*==================   Large PC  =================*/
@media (min-width: 1451px) {
    .OPLabel01[b-fra85extv6] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #070D59;
        width: 140px;
        height: 27px;
        color:white
    }

    .OPSpan01[b-fra85extv6] {
        font-size: 14px;
        text-align: center;
    }

    .MedicalSpan01[b-fra85extv6] {
        font-size: 22px
    }

    .MedicalImg01[b-fra85extv6] {
        height: 50px;
        width: 50px
    }

    .OPInput01[b-fra85extv6] {
        border: 0.3px solid gray;
        font-size: 15px;
        text-align: center;
        background-color: lavender;
        height: 27px;
        width: 240px;
        margin-right: -3px;
        margin-top: 3px
    }

    .OPBtn01[b-fra85extv6]{
        border:0.3px solid gray ; 
        border-radius:3px ;
        padding-bottom:5px ;
        padding-top : 5px ;
        padding-left:8px ;
        padding-right:8px ;
        text-align:center;
        width:140px ;
        height:60px
    }

    .OPSpan02[b-fra85extv6]{
        text-align:center ;
        font-size:18px
    }

    .OPImg01[b-fra85extv6]{
        height:35px ;
        width:35px
    }


    .OPMainGrid[b-fra85extv6] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height:700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1500px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-fra85extv6], th[b-fra85extv6], td[b-fra85extv6] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-fra85extv6] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-fra85extv6] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-fra85extv6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-fra85extv6] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-fra85extv6] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}
/* _content/PDD.Web.HMIS.UI/Pages/MedicalDocument/Components/CmpMedicalDocument_RightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-9kre8q6fd9] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-9kre8q6fd9] {
        width: 42px;
        height: 35px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-9kre8q6fd9] {
        text-align: center;
        font-size: 12px;
    }


    .HeaderMenu[b-9kre8q6fd9] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-9kre8q6fd9] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-9kre8q6fd9] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width: 1400px) {

    .RightMenu2[b-9kre8q6fd9] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-9kre8q6fd9] {
        width: 40px;
        height: 35px;
        text-align: center;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px
    }

    .itemcaption[b-9kre8q6fd9] {
        text-align: center;
        font-size: 14px;
    }


    .HeaderMenu[b-9kre8q6fd9] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 21px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .span01[b-9kre8q6fd9] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-9kre8q6fd9] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}



/*=================  Larg  ==================*/

@media (min-width: 1401px) {

    .RightMenu2[b-9kre8q6fd9] {
        position: sticky;
        width: 90%;
    }

    .itemimg[b-9kre8q6fd9] {
        width: 52px;
        height: 45px;
        text-align: center;
        margin-right: 20px;
        margin-left: 15px;
        margin-bottom: 7px
    }

    .itemcaption[b-9kre8q6fd9] {
        text-align: center;
        font-size: 16px
    }


    .HeaderMenu[b-9kre8q6fd9] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 23px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .span01[b-9kre8q6fd9] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-9kre8q6fd9] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/MedicalDocument/Modal/CmpModalBaseDiag.razor.rz.scp.css */
.lblSearchPart[b-oac1u4ckfe] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

.txtSearchPart[b-oac1u4ckfe]{
    text-align : center ;
    font-size : 13px 
}

.inputSearchPart[b-oac1u4ckfe] {
    background-color: lavender;
    border: 0.7px solid gray;
    width:220px;
    margin-right : -2px
}

.MainpartGrid[b-oac1u4ckfe] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    max-height: 275px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    max-width: 1300px;
    cursor: pointer;
}

.tr[b-oac1u4ckfe], th[b-oac1u4ckfe], td[b-oac1u4ckfe] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-oac1u4ckfe] {
    background-color: #143F6B;
    position: sticky;
    top: 0;
    color: white;
    font-size: 14px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

.PartGridBody[b-oac1u4ckfe] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

.PartGridTr[b-oac1u4ckfe] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2[b-oac1u4ckfe] {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.PartGridTr2 :hover[b-oac1u4ckfe] {
    background-color: yellow;
    font-weight: bold
}

.buttonAcceptPart[b-oac1u4ckfe]{
    width : 100px
}

.imgAcceptPart[b-oac1u4ckfe] {
    width: 25px;
    height: 25px
}

.txtAcceptPart[b-oac1u4ckfe]{
    font-size : 13px ; 
    text-align : center
}

.select001[b-oac1u4ckfe]{
    width:350px ;
}
/* _content/PDD.Web.HMIS.UI/Pages/OutPatient/Components/CmpOutPatient_Main.razor.rz.scp.css */


/*==================   PC  =================*/
@media (min-width: 992px) and (max-width: 1400px) {
    .OPLabel01[b-sdy6ues029] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #93ABD3;
        width: 140px;
        height: 25px
    }

    .OPSpan01[b-sdy6ues029] {
        font-size: 13px;
        text-align: center;
    }

    .OPInput01[b-sdy6ues029] {
        border: 0.3px solid gray;
        font-size: 12px;
        text-align: center;
        background-color: lavender;
        height: 25px;
        width: 200px;
        margin-right: -4px
    }

    .OPBtn01[b-sdy6ues029] {
        border: 0.3px solid gray;
        border-radius: 3px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        width: 140px;
        height: 50px
    }

    .OPSpan02[b-sdy6ues029] {
        text-align: center;
        font-size: 16px
    }

    .OPImg01[b-sdy6ues029] {
        height: 32px;
        width: 32px
    }

    .OPMainGrid[b-sdy6ues029] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 630px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1200px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-sdy6ues029], th[b-sdy6ues029], td[b-sdy6ues029] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-sdy6ues029] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-sdy6ues029] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-sdy6ues029] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-sdy6ues029] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-sdy6ues029] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}



/*==================   Large PC  =================*/
@media (min-width: 1451px) {
    .OPLabel01[b-sdy6ues029] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #93ABD3;
        width: 140px;
        height: 27px
    }

    .OPSpan01[b-sdy6ues029] {
        font-size: 14px;
        text-align: center;
    }

    .OPInput01[b-sdy6ues029] {
        border: 0.3px solid gray;
        font-size: 15px;
        text-align: center;
        background-color: lavender;
        height: 27px ;
        width : 240px ;
        margin-right:-3px ;
        margin-top:3px
    }

    .OPBtn01[b-sdy6ues029]{
        border:0.3px solid gray ; 
        border-radius:3px ;
        padding-bottom:5px ;
        padding-top : 5px ;
        padding-left:8px ;
        padding-right:8px ;
        text-align:center;
        width:140px ;
        height:60px
    }

    .OPSpan02[b-sdy6ues029]{
        text-align:center ;
        font-size:18px
    }

    .OPImg01[b-sdy6ues029]{
        height:35px ;
        width:35px
    }


    .OPMainGrid[b-sdy6ues029] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height:700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1500px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-sdy6ues029], th[b-sdy6ues029], td[b-sdy6ues029] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-sdy6ues029] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-sdy6ues029] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-sdy6ues029] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-sdy6ues029] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-sdy6ues029] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}
/* _content/PDD.Web.HMIS.UI/Pages/OutPatient/Components/CmpOutPatient_Operation.razor.rz.scp.css */


/*==================   PC  =================*/
@media (min-width: 992px) and (max-width: 1400px) {
    .OPLabel01[b-wotrh6rcdc] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #5F9DF7;
        width: 140px;
        height: 25px
    }

    .OPSpan01[b-wotrh6rcdc] {
        font-size: 13px;
        text-align: center;
    }

    .OPInput01[b-wotrh6rcdc] {
        border: 0.3px solid gray;
        font-size: 12px;
        text-align: center;
        background-color: lavender;
        height: 25px;
        width: 200px;
        margin-right: -4px
    }

    .OPBtn01[b-wotrh6rcdc] {
        border: 0.3px solid gray;
        border-radius: 3px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        width: 140px;
        height: 50px
    }

    .OPSpan02[b-wotrh6rcdc] {
        text-align: center;
        font-size: 16px
    }

    .OPImg01[b-wotrh6rcdc] {
        height: 32px;
        width: 32px
    }

    .OPMainGrid[b-wotrh6rcdc] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 650px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-wotrh6rcdc], th[b-wotrh6rcdc], td[b-wotrh6rcdc] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-wotrh6rcdc] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-wotrh6rcdc] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-wotrh6rcdc] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-wotrh6rcdc] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-wotrh6rcdc] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}



/*==================   Large PC  =================*/
@media (min-width: 1451px) {
    .OPLabel01[b-wotrh6rcdc] {
        border: 0.3px solid gray;
        text-align: center;
        background-color: #5F9DF7;
        width: 140px;
        height: 27px
    }

    .OPSpan01[b-wotrh6rcdc] {
        font-size: 14px;
        text-align: center;
    }

    .OPInput01[b-wotrh6rcdc] {
        border: 0.3px solid gray;
        font-size: 15px;
        text-align: center;
        background-color: lavender;
        height: 27px ;
        width : 240px ;
        margin-right:-3px ;
        margin-top:3px
    }

    .OPBtn01[b-wotrh6rcdc]{
        border:0.3px solid gray ; 
        border-radius:3px ;
        padding-bottom:5px ;
        padding-top : 5px ;
        padding-left:8px ;
        padding-right:8px ;
        text-align:center;
        width:140px ;
        height:60px
    }

    .OPSpan02[b-wotrh6rcdc]{
        text-align:center ;
        font-size:18px
    }

    .OPImg01[b-wotrh6rcdc]{
        height:35px ;
        width:35px
    }


    .OPMainGrid[b-wotrh6rcdc] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height:700px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1650px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-wotrh6rcdc], th[b-wotrh6rcdc], td[b-wotrh6rcdc] {
        border: 1px dotted lightblue;
    }

    .OPHeader[b-wotrh6rcdc] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .OPBody[b-wotrh6rcdc] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .OPTr[b-wotrh6rcdc] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .OPTr2[b-wotrh6rcdc] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .OPTr2 :hover[b-wotrh6rcdc] {
            background-color: #E6E6FA;
            font-weight: bold
        }

}
/* _content/PDD.Web.HMIS.UI/Pages/OutPatient/Components/CmpOutPatient_Op[erationRightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-xl88gf7tay] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-xl88gf7tay] {
        width: 38px;
        height: 30px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-xl88gf7tay] {
        text-align: center;
        font-size: 12px;
    }


    .HeaderMenu[b-xl88gf7tay] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-xl88gf7tay] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-xl88gf7tay] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width: 1400px)  {

    .RightMenu2[b-xl88gf7tay] {
        position: sticky;
        width: 107%
    }

    .itemimg[b-xl88gf7tay] {
        width: 32px;
        height: 35px;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 7px
    }

    .itemcaption[b-xl88gf7tay] {
        text-align: center;
        font-size: 13px;
    }


    .HeaderMenu[b-xl88gf7tay] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 14px
    }

    .span01[b-xl88gf7tay] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-xl88gf7tay] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}

/*=================  Larg  ==================*/

@media (min-width: 1401px) {

    .RightMenu2[b-xl88gf7tay] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-xl88gf7tay] {
        width: 42px;
        height: 45px;
        text-align: center;
        margin-top:10px ;
        margin-bottom: 5px
    }

    .itemcaption[b-xl88gf7tay] {
        text-align: center;
        font-size: 16px;
        margin-left:25px ;
        margin-bottom:25px
    }


    .HeaderMenu[b-xl88gf7tay] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 18px ;
        padding-bottom:10px ;
        padding-top:10px
    }

    .span01[b-xl88gf7tay] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-xl88gf7tay] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/OutPatient/Components/CmpOutPatient_RightMenu.razor.rz.scp.css */

/*=================  Tablet  ==================*/

@media (max-width: 991px) {

    .RightMenu2[b-orsylb7t5z] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-orsylb7t5z] {
        width: 42px;
        height: 35px;
        text-align: center;
        margin-top: 10px
    }

    .itemcaption[b-orsylb7t5z] {
        text-align: center;
        font-size: 12px ;
    }


    .HeaderMenu[b-orsylb7t5z] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
    }

    .span01[b-orsylb7t5z] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-orsylb7t5z] {
        font-size: 13px;
        font-weight: bold;
        color: blue
    }
}


/*=================  PC  ==================*/

@media (min-width: 992px) and (max-width: 1400px) {

    .RightMenu2[b-orsylb7t5z] {
        position: sticky;
        width: 100%
    }

    .itemimg[b-orsylb7t5z] {
        width: 40px;
        height: 35px;
        text-align: center;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px
    }

    .itemcaption[b-orsylb7t5z] {
        text-align: center;
        font-size: 14px ;

    }


    .HeaderMenu[b-orsylb7t5z] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 21px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .span01[b-orsylb7t5z] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-orsylb7t5z] {
        font-size: 12px;
        font-weight: bold;
        color: blue ;

    }
}



/*=================  Larg  ==================*/

@media  (min-width: 1401px) {

    .RightMenu2[b-orsylb7t5z] {
        position: sticky;
        width: 90% ;
    }

    .itemimg[b-orsylb7t5z] {
        width: 52px;
        height: 45px;
        text-align: center;
        margin-right: 20px;
        margin-left: 15px;
        margin-bottom: 7px
    }

    .itemcaption[b-orsylb7t5z] {
        text-align: center;
        font-size: 16px
    }


    .HeaderMenu[b-orsylb7t5z] {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 23px ;
        padding-bottom:5px ;
        padding-top:5px;
    }

    .span01[b-orsylb7t5z] {
        background-color: rgb(174,210,255);
        text-align: center;
        height: 600px;
        overflow-y: scroll;
    }

    .itemRow :hover[b-orsylb7t5z] {
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/PDDAccounting/MSAccounting/Reports/Balance.razor.rz.scp.css */

.mainGridTr[b-kedfdt0psy] {
    width: 100%;
    display: table;
    table-layout: fixed;
    border: 0.5px solid gray;
    height: 40px;
    cursor: pointer;
}
.mainGridBody[b-kedfdt0psy] {
    font-size: 15px;
    display: table;
    table-layout: fixed;
}
.mainGridHeader[b-kedfdt0psy] {
    background-color: royalblue;
    position: sticky;
    top: 0;
    color: white;
    font-size: 18px;
    display: block;
    height: 50px;
    overflow: auto;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.text-center[b-kedfdt0psy] {
    text-align: center !important;
}
.mainGridTd[b-kedfdt0psy] {
    text-align: center !important;
    border: 0.5px solid gray;
}
.rowMainGrid[b-kedfdt0psy] {
    height: 90%;
}
.MainGrid[b-kedfdt0psy] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 95%;
    overflow-y: scroll;
    overflow-x: scroll;
    max-height:800px;
    width: 100%;
    cursor: pointer;
}
/* _content/PDD.Web.HMIS.UI/Pages/PDDAccounting/MSInventory/Components/CmpDataDocument.razor.rz.scp.css */

/*=================  PC  ==================*/

@media (min-width: 992px) {
    .Label[b-9wuk909pl3] {
        font-size: 16px;
        width: 110px;
        border: 0.7px solid gray;
        text-align: center;
        margin-right: 30px;
        padding-bottom: 1px;
        padding-top: 1px;
        background-color: blue;
        color: white;
    }

    .clcLabel[b-9wuk909pl3] {
        font-size: 14px;
        border: 0.7px solid gray;
        text-align: center;
        background-color: blue;
        color: white;
    }

    .clcTextBox[b-9wuk909pl3] {
        font-size: 14px;
        border: 0.7px solid gray;
        background-color: lavender;
    }

    .TextBox[b-9wuk909pl3] {
        font-size: 13px;
        width: 200px;
        border: 0.7px solid gray;
        background-color: lavender;
        margin-left: 20px
    }

    .spanReq[b-9wuk909pl3] {
        font-size: 13px;
        color: red;
        margin-right: 5px;
        margin-top: 5px
    }

    .HpReqmainGrid[b-9wuk909pl3] {
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 400px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 99%;
        max-width: 1300px;
        cursor: pointer;
        margin-right: 21px
    }

    .tr[b-9wuk909pl3], th[b-9wuk909pl3], td[b-9wuk909pl3] {
        border: 1px dotted lightblue;
    }

    .HpReqHeader[b-9wuk909pl3] {
        background-color: #191970;
        position: sticky;
        top: 0;
        color: white;
        font-size: 14px;
        display: block;
        height: 27px;
        overflow-y: scroll;
        overflow: auto;
        display: table;
        table-layout: fixed;
    }

    .HpReqBody[b-9wuk909pl3] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr[b-9wuk909pl3] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .HpReqTr2[b-9wuk909pl3] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .HpReqTr2 :hover[b-9wuk909pl3] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .HpReqParaRequest[b-9wuk909pl3] {
        width: 30px;
        height: 30px
    }
}
/* _content/PDD.Web.HMIS.UI/Shared/MainLayout.razor.rz.scp.css */
.page[b-yp0wfl5sq0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yp0wfl5sq0] {
    flex: 1;
}

.sidebar[b-yp0wfl5sq0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-yp0wfl5sq0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-yp0wfl5sq0]  a, .top-row .btn-link[b-yp0wfl5sq0] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-yp0wfl5sq0] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-yp0wfl5sq0] {
        display: none;
    }

    .top-row.auth[b-yp0wfl5sq0] {
        justify-content: space-between;
    }

    .top-row a[b-yp0wfl5sq0], .top-row .btn-link[b-yp0wfl5sq0] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-yp0wfl5sq0] {
        flex-direction: row;
    }

    .sidebar[b-yp0wfl5sq0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-yp0wfl5sq0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-yp0wfl5sq0], article[b-yp0wfl5sq0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/PDD.Web.HMIS.UI/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-c7x88f291u] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-c7x88f291u] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-c7x88f291u] {
    font-size: 1.1rem;
}

.oi[b-c7x88f291u] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-c7x88f291u] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-c7x88f291u] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-c7x88f291u] {
        padding-bottom: 1rem;
    }

    .nav-item[b-c7x88f291u]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-c7x88f291u]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-c7x88f291u]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-c7x88f291u] {
        display: none;
    }

    .collapse[b-c7x88f291u] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}