@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';
@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/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/CmpModalSelectFavoritePages.razor.rz.scp.css */
.btnSearch[b-c6fb0b8tfv] {
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 20px;
    border: 0.5px dotted gray;
    margin-top: 5px;
    color:midnightblue;
}



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

button[b-c6fb0b8tfv] {
    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-c6fb0b8tfv]: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-c6fb0b8tfv] {
    background: #0f1490;
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}


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

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


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

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

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

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

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

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

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


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

@media (min-width: 992px) {

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


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

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

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


    .MainGridTable[b-c6fb0b8tfv] {
        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-c6fb0b8tfv] {
        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-c6fb0b8tfv], th[b-c6fb0b8tfv], td[b-c6fb0b8tfv] {
        border: 1px dotted lightblue;
    }

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

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


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


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



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

@media (min-width: 1440px) {

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


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

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

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


    .MainGridTable[b-c6fb0b8tfv] {
        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-c6fb0b8tfv] {
        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-c6fb0b8tfv], th[b-c6fb0b8tfv], td[b-c6fb0b8tfv] {
        border: 1px dotted lightblue;
    }

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

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


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


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

.imgBRSearch[b-c6fb0b8tfv] {
    width: 31px;
    height: 31px
}
/* _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/HPDrugInventory/BaseOperation.razor.rz.scp.css */
.btn-custom[b-ez4w3ei1oz] {
    --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;
}
.MainGrid[b-ez4w3ei1oz] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 500px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}

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

.GridHeader[b-ez4w3ei1oz] {
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

    .GridHeader :hover[b-ez4w3ei1oz] {
        transition: .5s ease-in-out;
        background: rgb(179,199,255);
        background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
    }

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

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

.GridTr2[b-ez4w3ei1oz] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-ez4w3ei1oz] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }


.btn-custom[b-xdi7zjn959][b-ez4w3ei1oz] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-ez4w3ei1oz] {
    width: 32px;
}

.lblCaption[b-ez4w3ei1oz] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}

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


.GridTable[b-ez4w3ei1oz] {
    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-ez4w3ei1oz], th[b-ez4w3ei1oz], td[b-ez4w3ei1oz] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-ez4w3ei1oz] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-ez4w3ei1oz] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

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

.btn-row-group[b-ez4w3ei1oz] {
    --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));
}

.txt-sm[b-ez4w3ei1oz]{
    font-size:11px;
    border:1px;
    margin:1px;
}
.rz-tabview-title[b-ez4w3ei1oz] {
    font-size: 12px;
}


.panel-group .panel[b-ez4w3ei1oz] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-ez4w3ei1oz] {
    border-color: #ddd;
}

.panel[b-ez4w3ei1oz] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default > .panel-heading[b-ez4w3ei1oz] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-ez4w3ei1oz] {
    border-bottom: 0;
}

.panel-heading[b-ez4w3ei1oz] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}
.panel-body[b-ez4w3ei1oz] {
    padding: 15px;
}
.panel-group .panel + .panel[b-ez4w3ei1oz] {
    margin-top: 5px;
}

.panel-group .panel[b-ez4w3ei1oz] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-ez4w3ei1oz] {
    border-color: #ddd;
}

.table-scroll[b-ez4w3ei1oz] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
    
}
.tableFixHead[b-ez4w3ei1oz] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-ez4w3ei1oz] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-ez4w3ei1oz] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-ez4w3ei1oz],
td[b-ez4w3ei1oz] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-ez4w3ei1oz] {
    background: #eee;
}


/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/--BaseWorkList.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .spanSeachCertificate[b-efx9q8ciou] {
        font-size: 13px;
        width: 60px
    }

    .inputSeaarchCertificate[b-efx9q8ciou] {
        width: 550px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-efx9q8ciou] {
        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;
    }

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

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

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

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

    .lblCertificate01[b-efx9q8ciou] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-efx9q8ciou] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 165px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-efx9q8ciou] {
        width: 100px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: 5px;
        border-radius: 5px
    }

    .spancalifornia02[b-efx9q8ciou] {
        font-size: 14px;
        width: 40px
    }

    .imagCalifornia[b-efx9q8ciou] {
        width: 22px;
        height: 22px
    }

    .lblCertificate03[b-efx9q8ciou] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align: center;
    }

    .lblCertificate04[b-efx9q8ciou] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 13px
    }


    .btnCertificate05[b-efx9q8ciou] {
        width: 200px;
        border: 0.3px solid gray;
        border-radius: 4px;
        font-size: 13px;
        margin-right: 20px
    }

    .tblbasepara[b-efx9q8ciou] {
        height: 300px;
        background-color: white;
    }

    .certificateMainGrid[b-efx9q8ciou] {
        direction: ltr;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1200px;
        cursor: pointer;
    }

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

    .certificateHeader[b-efx9q8ciou] {
        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;
    }

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

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

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

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



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

@media (min-width: 1400px) {

    .spanSeachCertificate[b-efx9q8ciou] {
        font-size: 13px;
        width: 80px
    }

    .inputSeaarchCertificate[b-efx9q8ciou] {
        width: 780px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-efx9q8ciou] {
        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;
    }

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

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

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

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



    /*/*/ /**********************/

    .lblCertificate01[b-efx9q8ciou] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-efx9q8ciou] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 255px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-efx9q8ciou] {
        width: 110px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left:5px ;
        border-radius:5px
    }

    .spancalifornia02[b-efx9q8ciou] {
        font-size:15px ;
        width:40px
    }

    .imagCalifornia[b-efx9q8ciou]{
        width:25px ;
        height:25px
    }

    .lblCertificate03[b-efx9q8ciou] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align:center;
    }

    .lblCertificate04[b-efx9q8ciou] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 14px
    }


    .btnCertificate05[b-efx9q8ciou]{
        width:200px ;
        border:0.3px solid gray ;
        border-radius:4px;
        font-size:13px ;
        margin-right:20px
    }

    .tblbasepara[b-efx9q8ciou]{
      height:500px ;
      background-color:white ;
      
    }

    .certificateMainGrid[b-efx9q8ciou] {
        direction:ltr ;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1600px;
        cursor: pointer;
    }

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

    .certificateHeader[b-efx9q8ciou] {
        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;
    }

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

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

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

        .certificateTr2 :hover[b-efx9q8ciou] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/BaseCertificateType.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .spanSeachCertificate[b-5tw22vj0tp] {
        font-size: 13px;
        width: 60px
    }

    .inputSeaarchCertificate[b-5tw22vj0tp] {
        width: 550px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-5tw22vj0tp] {
        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;
    }

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

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

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

        .certificateListTr2 :hover[b-5tw22vj0tp] {
            background-color: #E6E6FA;
            font-weight: bold
        }

    .lblCertificate01[b-5tw22vj0tp] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-5tw22vj0tp] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 165px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-5tw22vj0tp] {
        width: 100px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: 5px;
        border-radius: 5px
    }

    .spancalifornia02[b-5tw22vj0tp] {
        font-size: 14px;
        width: 40px
    }

    .imagCalifornia[b-5tw22vj0tp] {
        width: 22px;
        height: 22px
    }

    .lblCertificate03[b-5tw22vj0tp] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align: center;
    }

    .lblCertificate04[b-5tw22vj0tp] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 13px
    }

    .lblCertificate05[b-5tw22vj0tp] {
        width: 160px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 13px ;
        margin-right:3px
    }


    .btnCertificate05[b-5tw22vj0tp] {
        width: 200px;
        border: 0.3px solid gray;
        border-radius: 4px;
        font-size: 13px;
        margin-right: 20px
    }

    .tblbasepara[b-5tw22vj0tp] {
        height: 300px;
        background-color: white;
    }

    .certificateMainGrid[b-5tw22vj0tp] {
        direction: ltr;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1200px;
        cursor: pointer;
    }

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

    .certificateHeader[b-5tw22vj0tp] {
        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;
    }

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

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

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

        .certificateTr2 :hover[b-5tw22vj0tp] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}



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

@media (min-width: 1400px) {

    .spanSeachCertificate[b-5tw22vj0tp] {
        font-size: 13px;
        width: 80px
    }

    .inputSeaarchCertificate[b-5tw22vj0tp] {
        width: 780px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-5tw22vj0tp] {
        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;
    }

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

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

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

        .certificateListTr2 :hover[b-5tw22vj0tp] {
            background-color: #E6E6FA;
            font-weight: bold
        }



    /*/*/ /**********************/

    .lblCertificate01[b-5tw22vj0tp] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-5tw22vj0tp] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 255px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-5tw22vj0tp] {
        width: 110px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left:5px ;
        border-radius:5px
    }

    .spancalifornia02[b-5tw22vj0tp] {
        font-size:15px ;
        width:40px
    }

    .imagCalifornia[b-5tw22vj0tp]{
        width:25px ;
        height:25px
    }

    .lblCertificate03[b-5tw22vj0tp] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align:center;
    }

    .lblCertificate04[b-5tw22vj0tp] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 14px
    }

    .lblCertificate05[b-5tw22vj0tp] {
        width: 160px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 14px ;
        margin-right:5px
    }

    .btnCertificate05[b-5tw22vj0tp]{
        width:200px ;
        border:0.3px solid gray ;
        border-radius:4px;
        font-size:13px ;
        margin-right:20px
    }

    .tblbasepara[b-5tw22vj0tp]{
      height:500px ;
      background-color:white ;
      
    }

    .certificateMainGrid[b-5tw22vj0tp] {
        direction:ltr ;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1600px;
        cursor: pointer;
    }

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

    .certificateHeader[b-5tw22vj0tp] {
        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;
    }

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

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

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

        .certificateTr2 :hover[b-5tw22vj0tp] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/BaseInsuranceParaclinic.razor.rz.scp.css */

.btn-custom[b-xdi7zjn959][b-2gonokal48] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-2gonokal48] {
    width: 32px;
}

.lblCaption[b-2gonokal48] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 5px;
}

.caption[b-2gonokal48] {
    font-size: 10px;
    font-weight: 600;
}

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


.GridTable[b-2gonokal48] {
    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-2gonokal48], th[b-2gonokal48], td[b-2gonokal48] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-2gonokal48] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-2gonokal48] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

.mainGridTr2 :hover[b-2gonokal48] {
    background-color: yellow;
    /*            font-weight: bold*/
}

.btn-row-group[b-2gonokal48] {
    --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));
}

.txt-sm[b-2gonokal48] {
    font-size: 11px;
    border: 1px;
    margin: 1px;
}

.rz-tabview-title[b-2gonokal48] {
    font-size: 12px;
}


.panel-group .panel[b-2gonokal48] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-2gonokal48] {
    border-color: #ddd;
}

.panel[b-2gonokal48] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading[b-2gonokal48] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-2gonokal48] {
    border-bottom: 0;
}

.panel-heading[b-2gonokal48] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}

.panel-body[b-2gonokal48] {
    padding: 15px;
}

.panel-group .panel + .panel[b-2gonokal48] {
    margin-top: 5px;
}

.panel-group .panel[b-2gonokal48] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-2gonokal48] {
    border-color: #ddd;
}

.table-scroll[b-2gonokal48] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.tableFixHead[b-2gonokal48] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-2gonokal48] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-2gonokal48] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-2gonokal48],
td[b-2gonokal48] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-2gonokal48] {
    background: #eee;
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/BasePanel.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .spanSeachCertificate[b-zcyrftctq8] {
        font-size: 13px;
        width: 60px
    }

    .inputSeaarchCertificate[b-zcyrftctq8] {
        width: 550px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-zcyrftctq8] {
        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;
    }

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

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

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

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

    .lblCertificate01[b-zcyrftctq8] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-zcyrftctq8] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 165px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-zcyrftctq8] {
        width: 100px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: 5px;
        border-radius: 5px
    }

    .spancalifornia02[b-zcyrftctq8] {
        font-size: 14px;
        width: 40px
    }

    .imagCalifornia[b-zcyrftctq8] {
        width: 22px;
        height: 22px
    }

    .lblCertificate03[b-zcyrftctq8] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align: center;
    }

    .lblCertificate04[b-zcyrftctq8] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 13px
    }


    .btnCertificate05[b-zcyrftctq8] {
        width: 200px;
        border: 0.3px solid gray;
        border-radius: 4px;
        font-size: 13px;
        margin-right: 20px
    }

    .tblbasepara[b-zcyrftctq8] {
        height: 300px;
        background-color: white;
    }

    .certificateMainGrid[b-zcyrftctq8] {
        direction: ltr;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1200px;
        cursor: pointer;
    }

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

    .certificateHeader[b-zcyrftctq8] {
        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;
    }

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

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

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

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



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

@media (min-width: 1400px) {

    .spanSeachCertificate[b-zcyrftctq8] {
        font-size: 13px;
        width: 80px
    }

    .inputSeaarchCertificate[b-zcyrftctq8] {
        width: 780px;
        border: 0.3px solid gray;
        height: 24px;
        background-color: lavender;
    }


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

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

    .certificateListHeader[b-zcyrftctq8] {
        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;
    }

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

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

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

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



    /*/*/ /**********************/

    .lblCertificate01[b-zcyrftctq8] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 55px;
        border: 0.3px solid gray;
        background-color: #A4D0A4;
    }


    .lblCertificate02[b-zcyrftctq8] {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 255px;
        border: 0.3px solid gray;
        background-color: lavender;
    }


    .btnCalifornia[b-zcyrftctq8] {
        width: 110px;
        height: 34px;
        border: 0.3px solid gray;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left:5px ;
        border-radius:5px
    }

    .spancalifornia02[b-zcyrftctq8] {
        font-size:15px ;
        width:40px
    }

    .imagCalifornia[b-zcyrftctq8]{
        width:25px ;
        height:25px
    }

    .lblCertificate03[b-zcyrftctq8] {
        width: 100px;
        border: 0.3px solid gray;
        background-color: #ADE4DB;
        text-align:center;
    }

    .lblCertificate04[b-zcyrftctq8] {
        width: 130px;
        border: 0.3px solid gray;
        background-color: #89CFFD;
        text-align: center;
        font-size: 14px
    }


    .btnCertificate05[b-zcyrftctq8]{
        width:200px ;
        border:0.3px solid gray ;
        border-radius:4px;
        font-size:13px ;
        margin-right:20px
    }

    .tblbasepara[b-zcyrftctq8]{
      height:500px ;
      background-color:white ;
      
    }

    .certificateMainGrid[b-zcyrftctq8] {
        direction:ltr ;
        background-color: white;
        display: block;
        /*height: 280px;*/
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1600px;
        cursor: pointer;
    }

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

    .certificateHeader[b-zcyrftctq8] {
        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;
    }

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

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

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

        .certificateTr2 :hover[b-zcyrftctq8] {
            background-color: #E6E6FA;
            font-weight: bold
        }
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/BaseWorkList.razor.rz.scp.css */

.btn-custom[b-xdi7zjn959][b-v9y8s4dbg9] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-v9y8s4dbg9] {
    width: 22px;
}
btn-icon:hover[b-v9y8s4dbg9] {
    filter: drop-shadow(0 0 0.75rem crimson);
}

.lblCaption[b-v9y8s4dbg9] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}
.caption[b-v9y8s4dbg9] {
    font-size: 10px;
    font-weight: 600;
}

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


.GridTable[b-v9y8s4dbg9] {
    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-v9y8s4dbg9], th[b-v9y8s4dbg9], td[b-v9y8s4dbg9] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-v9y8s4dbg9] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-v9y8s4dbg9] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

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

.btn-row-group[b-v9y8s4dbg9] {
    --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));
}

.txt-sm[b-v9y8s4dbg9] {
    font-size: 11px;
    border: 1px;
    margin: 1px;
}

.rz-tabview-title[b-v9y8s4dbg9] {
    font-size: 12px;
}


.panel-group .panel[b-v9y8s4dbg9] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-v9y8s4dbg9] {
    border-color: #ddd;
}

.panel[b-v9y8s4dbg9] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading[b-v9y8s4dbg9] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-v9y8s4dbg9] {
    border-bottom: 0;
}

.panel-heading[b-v9y8s4dbg9] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}

.panel-body[b-v9y8s4dbg9] {
    padding: 15px;
}

.panel-group .panel + .panel[b-v9y8s4dbg9] {
    margin-top: 5px;
}

.panel-group .panel[b-v9y8s4dbg9] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-v9y8s4dbg9] {
    border-color: #ddd;
}

.table-scroll[b-v9y8s4dbg9] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.tableFixHead[b-v9y8s4dbg9] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-v9y8s4dbg9] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-v9y8s4dbg9] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-v9y8s4dbg9],
td[b-v9y8s4dbg9] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-v9y8s4dbg9] {
    background: #eee;
}


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

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

.GridHeader[b-v9y8s4dbg9] {
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

    .GridHeader :hover[b-v9y8s4dbg9] {
        transition: .5s ease-in-out;
        background: rgb(179,199,255);
        background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
    }

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

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

.GridTr2[b-v9y8s4dbg9] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-v9y8s4dbg9] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/Modal/CmpModalBaseCalifornia.razor.rz.scp.css */
.lblSearchPart[b-48ttuwnt9d] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

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

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

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

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

.partGridHeader[b-48ttuwnt9d] {
    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-48ttuwnt9d] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

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

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

.txtAcceptPart[b-48ttuwnt9d]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/Modal/CmpModalServiceSelect.razor.rz.scp.css */
.btnSearch[b-x285g111nn] {
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 20px;
    border: 0.5px dotted gray;
    margin-top: 5px;
    color: midnightblue;
}

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

.btn-custom[b-x285g111nn] {
    --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: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(219, 226, 255) 50%, rgb(249, 254, 254) 100%); /* linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);*/
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width:100%
}
    .btn-custom:hover[b-x285g111nn] {
        background:  linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    }
.MainGrid[b-x285g111nn] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 500px;
    max-height: 430px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}

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

.btn-delete[b-x285g111nn] {
    --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);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(253, 185, 185) 50%, rgb(249, 254, 254) 100%);
}
    .btn-delete:hover[b-x285g111nn] {
        background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(253, 121, 121) 50%, rgb(249, 254, 254) 100%);
    }

.btn-save[b-x285g111nn] {
    --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);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(164, 253, 37) 50%, rgb(249, 254, 254) 100%);
}

    .btn-save:hover[b-x285g111nn] {
        background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(201, 251, 130) 50%, rgb(249, 254, 254) 100%);
    }

    .GridHeader[b-x285g111nn] {
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

    .GridHeader :hover[b-x285g111nn] {
        transition: .5s ease-in-out;
        background: rgb(179,199,255);
        background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
    }

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

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

.GridTr2[b-x285g111nn] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-x285g111nn] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }


.btn-custom[b-xdi7zjn959][b-x285g111nn] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-x285g111nn] {
    width: 32px;
}

.lblCaption[b-x285g111nn] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}

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


.GridTable[b-x285g111nn] {
    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-x285g111nn], th[b-x285g111nn], td[b-x285g111nn] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-x285g111nn] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-x285g111nn] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

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

.btn-row-group[b-x285g111nn] {
    --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));
}

.txt-sm[b-x285g111nn]{
    font-size:11px;
    border:1px;
    margin:1px;
}
.rz-tabview-title[b-x285g111nn] {
    font-size: 12px;
}


.panel-group .panel[b-x285g111nn] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-x285g111nn] {
    border-color: #ddd;
}

.panel[b-x285g111nn] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default > .panel-heading[b-x285g111nn] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-x285g111nn] {
    border-bottom: 0;
}

.panel-heading[b-x285g111nn] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}
.panel-body[b-x285g111nn] {
    padding: 15px;
}
.panel-group .panel + .panel[b-x285g111nn] {
    margin-top: 5px;
}

.panel-group .panel[b-x285g111nn] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-x285g111nn] {
    border-color: #ddd;
}

.table-scroll[b-x285g111nn] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
    
}
.tableFixHead[b-x285g111nn] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-x285g111nn] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-x285g111nn] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-x285g111nn],
td[b-x285g111nn] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-x285g111nn] {
    background: #eee;
}


/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/ServiceNormalRange.razor.rz.scp.css */

.btn-custom[b-xdi7zjn959][b-2ep3swl8dr] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-2ep3swl8dr] {
    width: 32px;
}

.lblCaption[b-2ep3swl8dr] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}
.caption[b-2ep3swl8dr] {
    font-size: 10px;
    font-weight: 600;
}

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


.GridTable[b-2ep3swl8dr] {
    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-2ep3swl8dr], th[b-2ep3swl8dr], td[b-2ep3swl8dr] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-2ep3swl8dr] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-2ep3swl8dr] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

.mainGridTr2 :hover[b-2ep3swl8dr] {
    background-color: yellow;
    /*            font-weight: bold*/
}

.btn-row-group[b-2ep3swl8dr] {
    --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));
}

.txt-sm[b-2ep3swl8dr] {
    font-size: 11px;
    border: 1px;
    margin: 1px;
}

.rz-tabview-title[b-2ep3swl8dr] {
    font-size: 12px;
}


.panel-group .panel[b-2ep3swl8dr] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-2ep3swl8dr] {
    border-color: #ddd;
}

.panel[b-2ep3swl8dr] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading[b-2ep3swl8dr] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-2ep3swl8dr] {
    border-bottom: 0;
}

.panel-heading[b-2ep3swl8dr] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}

.panel-body[b-2ep3swl8dr] {
    padding: 15px;
}

.panel-group .panel + .panel[b-2ep3swl8dr] {
    margin-top: 5px;
}

.panel-group .panel[b-2ep3swl8dr] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-2ep3swl8dr] {
    border-color: #ddd;
}

.table-scroll[b-2ep3swl8dr] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.tableFixHead[b-2ep3swl8dr] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-2ep3swl8dr] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-2ep3swl8dr] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-2ep3swl8dr],
td[b-2ep3swl8dr] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-2ep3swl8dr] {
    background: #eee;
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/HPPatientManagement/Services.razor.rz.scp.css */
.btn-custom[b-btdz94duif] {
    --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;
}
.MainGrid[b-btdz94duif] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 500px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}

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

.GridHeader[b-btdz94duif] {
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

    .GridHeader :hover[b-btdz94duif] {
        transition: .5s ease-in-out;
        background: rgb(179,199,255);
        background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
    }

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

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

.GridTr2[b-btdz94duif] {
  /*  background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);*/
    width: 100%;
    display: table;
    table-layout: fixed;
}

   /* .GridTr2:hover {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }*/


.btn-custom[b-xdi7zjn959][b-btdz94duif] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-btdz94duif] {
    width: 32px;
}

.lblCaption[b-btdz94duif] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}

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


.GridTable[b-btdz94duif] {
    /*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-btdz94duif], th[b-btdz94duif], td[b-btdz94duif] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-btdz94duif] {
    /*background-color: #008edc;*/
    position: sticky;
    top: 0;
    /*color: midnightblue;*/
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-btdz94duif] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

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

.btn-row-group[b-btdz94duif] {
    --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));
}

.txt-sm[b-btdz94duif]{
    font-size:11px;
    border:1px;
    margin:1px;
}
.rz-tabview-title[b-btdz94duif] {
    font-size: 12px;
}


.panel-group .panel[b-btdz94duif] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-btdz94duif] {
    border-color: #ddd;
}

.panel[b-btdz94duif] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default > .panel-heading[b-btdz94duif] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-btdz94duif] {
    border-bottom: 0;
}

.panel-heading[b-btdz94duif] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}
.panel-body[b-btdz94duif] {
    padding: 15px;
}
.panel-group .panel + .panel[b-btdz94duif] {
    margin-top: 5px;
}

.panel-group .panel[b-btdz94duif] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-btdz94duif] {
    border-color: #ddd;
}

.table-scroll[b-btdz94duif] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
    
}
.tableFixHead[b-btdz94duif] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-btdz94duif] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-btdz94duif] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-btdz94duif],
td[b-btdz94duif] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-btdz94duif] {
    background: #eee;
}

.GridTr22[b-btdz94duif] {
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 4vh
}

    .GridTr22 :hover[b-btdz94duif] {
        background-color: #ADE792;
        font-weight: bold
    }

/* _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/Base/Modal/CmpModalBaseEmployeePost.razor.rz.scp.css */

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

    .lblcaption[b-a4z0wvyikg] {
        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-a4z0wvyikg] {
        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-a4z0wvyikg] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-a4z0wvyikg] {
        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-a4z0wvyikg], th[b-a4z0wvyikg], td[b-a4z0wvyikg] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-a4z0wvyikg] {
        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-a4z0wvyikg] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

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

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

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


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


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

    .SearchDetailMainGrid[b-a4z0wvyikg] {
        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-a4z0wvyikg], th[b-a4z0wvyikg], td[b-a4z0wvyikg] {
        border: 0.5px dotted lightblue;
    }

    .SearchDetailHead[b-a4z0wvyikg] {
        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-a4z0wvyikg] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

    .divSesc[b-a4z0wvyikg]{
        height : 60px ;       
    }

    /*//===================*/
    .spanSearchDetail[b-a4z0wvyikg]{
        font-size:13px ;
        text-align:center ;
        font-weight:bold
    }

    .lblcaptionSearchDetail[b-a4z0wvyikg] {
        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-a4z0wvyikg]{
        font-size:13px ;
        width:100%
    }

    .radioSpanSearchDetail[b-a4z0wvyikg]{
        font-size:13px ;
        margin-left:15px
    }

    .SearchDetalImg[b-a4z0wvyikg] {
        width: 23px;
        height: 23px;
        margin-left:3px
    }

    .SearchDetalbtn[b-a4z0wvyikg]{
        font-size:14px ;
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/Base/Modal/CmpModalCreatePostGroup.razor.rz.scp.css */

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

    .lblcaption[b-he4bfexmlz] {
        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-he4bfexmlz] {
        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-he4bfexmlz] {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 7px
    }

    .mainGridTable[b-he4bfexmlz] {
        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-he4bfexmlz], th[b-he4bfexmlz], td[b-he4bfexmlz] {
        border: 0.5px dotted lightblue;
    }

    .mainGridHeader[b-he4bfexmlz] {
        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-he4bfexmlz] {
        font-size: 12px;
        display: table;
        table-layout: fixed;
    }

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

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

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


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


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

    .SearchDetailMainGrid[b-he4bfexmlz] {
        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-he4bfexmlz], th[b-he4bfexmlz], td[b-he4bfexmlz] {
        border: 0.5px dotted lightblue;
    }

    .SearchDetailHead[b-he4bfexmlz] {
        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-he4bfexmlz] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

    .divSesc[b-he4bfexmlz]{
        height : 60px ;       
    }

    /*//===================*/
    .spanSearchDetail[b-he4bfexmlz]{
        font-size:13px ;
        text-align:center ;
        font-weight:bold
    }

    .lblcaptionSearchDetail[b-he4bfexmlz] {
        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-he4bfexmlz]{
        font-size:13px ;
        width:100%
    }

    .radioSpanSearchDetail[b-he4bfexmlz]{
        font-size:13px ;
        margin-left:15px
    }

    .SearchDetalImg[b-he4bfexmlz] {
        width: 23px;
        height: 23px;
        margin-left:3px
    }

    .SearchDetalbtn[b-he4bfexmlz]{
        font-size:14px ;
    }
}
/* _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/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/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/CmpModalBaseRemedialactivityBed.razor.rz.scp.css */

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

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

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

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

    .MainBedSelectGrid[b-t7p0ue1dv6] {
        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-t7p0ue1dv6], th[b-t7p0ue1dv6], td[b-t7p0ue1dv6] {
        border: 0.5px dotted lightblue;
    }

    .BedSelectGridHeader[b-t7p0ue1dv6] {
        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-t7p0ue1dv6] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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

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


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBaseState.razor.rz.scp.css */
.lblSearchPart[b-ixzy8jhupd] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

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

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

.MainpartGrid[b-ixzy8jhupd] {
    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-ixzy8jhupd], th[b-ixzy8jhupd], td[b-ixzy8jhupd] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-ixzy8jhupd] {
    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-ixzy8jhupd] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

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

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

.txtAcceptPart[b-ixzy8jhupd]{
    font-size : 13px ; 
    text-align : center
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBedriddenAdvance.razor.rz.scp.css */
.bdAdvanceLbl[b-i6dntze4rj] {
    width: 120px;
    border: 0.3px solid gray;
    background-color: rgb(174,210,255);
    font-size: 15px;
    text-align: center
}


.bdAdvanceLbl02[b-i6dntze4rj]{
    width:170px ;
    border:0.3px solid gray ;
    background-color:powderblue ;
    font-size:15px ;
    text-align:center
}

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

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

.partGridHeader22[b-i6dntze4rj] {
    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;
}

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

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

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

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

.imgAcceptPart[b-i6dntze4rj]{
    width:22px ;
    height: 22px
}

.buttonAcceptPart[b-i6dntze4rj]{
    width:100px;
    font-size:15px;
    border:0.3px solid gray ;
}
/* _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/CmpModalBedriddenDocument.razor.rz.scp.css */

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

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

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

    .DocLikeHeader[b-2d6yi1dp0g] {
        /*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-2d6yi1dp0g] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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


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

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

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

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

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

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

    .BRSearchHeader[b-gwvwyg2ik3] {
        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-gwvwyg2ik3] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

    }

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

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

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

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



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

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

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

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

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

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

    .BRSearchHeader[b-gwvwyg2ik3] {
        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-gwvwyg2ik3] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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

    .txtBRSearch[b-gwvwyg2ik3] {
        font-size: 14px;
        text-align: center
    }
}
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalBedriddenReferralPrintCustomize.razor.rz.scp.css */

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

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

.basePrintHeader[b-jl23ex1o6r] {
    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-jl23ex1o6r] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

/* _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/CmpModalBeneficiaryGlobal.razor.rz.scp.css */

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

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

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


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

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


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

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

    .baseGlobalHeader[b-yae3oo53o6] {
        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;
    }

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

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

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

    .baseGlobalTr2:hover[b-yae3oo53o6] {
        background-color: #97D2EC;
    }


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

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

    .baseGlobalDetailHeader[b-yae3oo53o6] {
        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;
    }

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

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

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

        .baseGlobalDetailTr2:hover[b-yae3oo53o6] {
            background-color: #97D2EC;
        }

}

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

    .BRSearchlbl[b-h5ozdz1380] {
        font-size: 15px;
        border: 0.5px solid gray;
        background-color: #436bff;
        color: white;
        width: 100%;
        height:24px
    }

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

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

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

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

    .BRSearchHeader[b-h5ozdz1380] {
        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-h5ozdz1380] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

    .btnSearch[b-h5ozdz1380] {
        width:90%;
        padding: 15px;
        /*margin: 9px;*/
        border: 0.5px dotted gray;
        text-align:right;
    }

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

    .txtBRSearch[b-h5ozdz1380] {
        font-size: 14px;
        text-align: center
    }
/* _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/CmpModalCashProgress.razor.rz.scp.css */

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

    .spanHeaderBedSelection[b-00x9wc44g7]{
        font-size:13px
    }

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

    .spanHeaderBedSelection2[b-00x9wc44g7] {
        font-size: 14px
    }

    .MainBedSelectGrid[b-00x9wc44g7] {
        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-00x9wc44g7], th[b-00x9wc44g7], td[b-00x9wc44g7] {
        border: 0.5px dotted lightblue;
    }

    .BedSelectGridHeader[b-00x9wc44g7] {
        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-00x9wc44g7] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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

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


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}
/* _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/CmpModalEditParaClinic.razor.rz.scp.css */

.BillDiscountMainGrid[b-dikgkdoa6i] {
    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-dikgkdoa6i], th[b-dikgkdoa6i], td[b-dikgkdoa6i] {
    border: 0.5px dotted lightblue;
}

.BillDiscountHeader[b-dikgkdoa6i] {
    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-dikgkdoa6i] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

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

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

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


.lblDiscount[b-dikgkdoa6i] {
    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/CmpModalEmptyBedInPart.razor.rz.scp.css */


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

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

.partGridHeader33[b-rh57mbuawd] {
    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;
}

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

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

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

    .PartGridTr332 :hover[b-rh57mbuawd] {
        background-color: yellow;
        font-weight: bold
    }
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalFindDuplicateInEmergency.razor.rz.scp.css */
.lblSearchPart[b-nd0a5sl1g7] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

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

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

.BaseDiseasemainGrid[b-nd0a5sl1g7] {
    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-nd0a5sl1g7], th[b-nd0a5sl1g7], td[b-nd0a5sl1g7] {
    border: 0.5px dotted lightblue;
}

.BaseDiseaseHeader[b-nd0a5sl1g7] {
    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-nd0a5sl1g7] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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


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

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

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

.BaseDiseasemainGrid[b-8whb38y7hb] {
    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-8whb38y7hb], th[b-8whb38y7hb], td[b-8whb38y7hb] {
    border: 0.5px dotted lightblue;
}

.BaseDiseaseHeader[b-8whb38y7hb] {
    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-8whb38y7hb] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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


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

    .BRSearchlbl[b-33xt6lr1ej] {
        font-size: 15px;
        border: 0.5px solid gray;
        background-color: #436bff;
        color: white;
        width: 100%;
        height:24px
    }

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

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

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

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

    .BRSearchHeader[b-33xt6lr1ej] {
        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-33xt6lr1ej] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

    .btnSearch[b-33xt6lr1ej] {
        width:90%;
        padding: 15px;
        /*margin: 9px;*/
        border: 0.5px dotted gray;
        text-align:right;
    }

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

    .txtBRSearch[b-33xt6lr1ej] {
        font-size: 14px;
        text-align: center
    }
/* _content/PDD.Web.HMIS.UI/Pages/HpMain/Modal/CmpModalListBedriddenBed.razor.rz.scp.css */

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

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

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

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

    .MainBedSelectGrid[b-ypwxocbkto] {
        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-ypwxocbkto], th[b-ypwxocbkto], td[b-ypwxocbkto] {
        border: 0.5px dotted lightblue;
    }

    .BedSelectGridHeader[b-ypwxocbkto] {
        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-ypwxocbkto] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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

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


/*=================  Tablet  ==================*/
@media (max-width: 991px) {
}
/* _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/CmpModalReferralInsuranceOtherInfo.razor.rz.scp.css */
.lblSearchPart[b-q8wxat3asw] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

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

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

.MainpartGrid[b-q8wxat3asw] {
    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-q8wxat3asw], th[b-q8wxat3asw], td[b-q8wxat3asw] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-q8wxat3asw] {
    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-q8wxat3asw] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

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

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

.txtAcceptPart[b-q8wxat3asw]{
    font-size : 13px ; 
    text-align : center
}
/* _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/CmpModalSearchNeedHelpInquiry.razor.rz.scp.css */
.btnSearch[b-apzqy6lyra] {
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 20px;
    border: 0.5px dotted gray;
    margin-top: 5px;
    color: midnightblue;
}

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

.btn-custom[b-apzqy6lyra] {
    --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: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(219, 226, 255) 50%, rgb(249, 254, 254) 100%); /* linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);*/
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width:100%
}
    .btn-custom:hover[b-apzqy6lyra] {
        background:  linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    }
.MainGrid[b-apzqy6lyra] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 500px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}
.MainGridDetail[b-apzqy6lyra] {
    background-color: white;
    display: block;
    /*height: 280px;*/
    height: 500px;
    max-height: 130px;
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    cursor: pointer;
}
.tr[b-apzqy6lyra], th[b-apzqy6lyra], td[b-apzqy6lyra] {
    border: 0.5px dotted lightblue;
}

.btn-delete[b-apzqy6lyra] {
    --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);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(253, 185, 185) 50%, rgb(249, 254, 254) 100%);
}
    .btn-delete:hover[b-apzqy6lyra] {
        background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(253, 121, 121) 50%, rgb(249, 254, 254) 100%);
    }

.btn-save[b-apzqy6lyra] {
    --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);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(164, 253, 37) 50%, rgb(249, 254, 254) 100%);
}

    .btn-save:hover[b-apzqy6lyra] {
        background: linear-gradient(0deg, rgb(239, 242, 251) 0%, rgb(201, 251, 130) 50%, rgb(249, 254, 254) 100%);
    }

    .GridHeader[b-apzqy6lyra] {
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}

    .GridHeader :hover[b-apzqy6lyra] {
        transition: .5s ease-in-out;
        background: rgb(179,199,255);
        background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
    }

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

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

.GridTr2[b-apzqy6lyra] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-apzqy6lyra] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }


.btn-custom[b-xdi7zjn959][b-apzqy6lyra] {
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1;
    --bs-btn-color: #212529;
    --bs-btn-bg: #436bff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #3800ff;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: #fff0;
    --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: 1 1 0 1.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;
    padding: 5px;
    margin-right: -20px;
}

.btn-icon[b-apzqy6lyra] {
    width: 32px;
}

.lblCaption[b-apzqy6lyra] {
    border: 0.5px solid gray;
    color: white;
    background-color: #436bff;
    width: 100%;
    padding: 2px;
}

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


.GridTable[b-apzqy6lyra] {
    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-apzqy6lyra], th[b-apzqy6lyra], td[b-apzqy6lyra] {
    border: 0.5px dotted lightblue;
}

.GridHd[b-apzqy6lyra] {
    background-color: #008edc;
    position: sticky;
    top: 0;
    color: midnightblue;
    font-size: 11px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: scroll;
    display: table;
    table-layout: fixed;
}

.GridBody[b-apzqy6lyra] {
    font-size: 11px;
    display: table;
    table-layout: fixed;
}

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

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

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

.btn-row-group[b-apzqy6lyra] {
    --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));
}

.txt-sm[b-apzqy6lyra]{
    font-size:11px;
    border:1px;
    margin:1px;
}
.rz-tabview-title[b-apzqy6lyra] {
    font-size: 12px;
}


.panel-group .panel[b-apzqy6lyra] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-apzqy6lyra] {
    border-color: #ddd;
}

.panel[b-apzqy6lyra] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default > .panel-heading[b-apzqy6lyra] {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading[b-apzqy6lyra] {
    border-bottom: 0;
}

.panel-heading[b-apzqy6lyra] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: -12px;
    margin-left: -12px;
}
.panel-body[b-apzqy6lyra] {
    padding: 15px;
}
.panel-group .panel + .panel[b-apzqy6lyra] {
    margin-top: 5px;
}

.panel-group .panel[b-apzqy6lyra] {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default[b-apzqy6lyra] {
    border-color: #ddd;
}

.table-scroll[b-apzqy6lyra] {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
    
}
.tableFixHead[b-apzqy6lyra] {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

    .tableFixHead thead th[b-apzqy6lyra] {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
    }

table[b-apzqy6lyra] {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

th[b-apzqy6lyra],
td[b-apzqy6lyra] {
    padding: 5px 5px;
    border: 1px solid #ccc;
}

th[b-apzqy6lyra] {
    background: #eee;
}


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

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

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

.MainpartGrid[b-mzkdbplv4c] {
    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-mzkdbplv4c], th[b-mzkdbplv4c], td[b-mzkdbplv4c] {
    border: 0.5px dotted lightblue;
}

.partGridHeader[b-mzkdbplv4c] {
    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-mzkdbplv4c] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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

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

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

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

.txtAcceptPart[b-mzkdbplv4c]{
    font-size : 13px ; 
    text-align : center
}
/* _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/HpMain/Modal/CmpModal_SearchBedriddenReferral.razor.rz.scp.css */

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


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

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

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

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

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

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

    .BRSearchHeader[b-vyqf9ux5he] {
        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-vyqf9ux5he] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

    }

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

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

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

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



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

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

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

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

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

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

    .BRSearchHeader[b-vyqf9ux5he] {
        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-vyqf9ux5he] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }

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

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

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

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

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

    .txtBRSearch[b-vyqf9ux5he] {
        font-size: 14px;
        text-align: center
    }
}
/* _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/Modal/CmpModalFICDO.razor.rz.scp.css */
    .RightMenu2[b-wxzfuszcfi] {
        position: sticky;
        width: 107%
    }

    .itemimg[b-wxzfuszcfi] {
        width: 32px;
        height: 32px;
        text-align: center;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 7px
    }
    .itemimg:hover[b-wxzfuszcfi] {
        /*background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.5);*/
        transition: .5s ease;
    }

    .itemDelete[b-wxzfuszcfi]{
    width: 22px;
    height: 22px;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 7px
}

        .itemDelete:hover[b-wxzfuszcfi] {
            /*background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.5);*/
            transition: .5s ease;
        }

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


    .HeaderMenu[b-wxzfuszcfi] 
    {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 12px;
        transition: .5s ease;
    }

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

    .itemRow :hover[b-wxzfuszcfi] 
    {
        font-size: 12px;
        font-weight: bold;
        color: blue;
        transition: .5s ease;
    }



.lblSearch[b-wxzfuszcfi] {
    width: 100%;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

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

.inputSearch[b-wxzfuszcfi] {
    background-color: lavender;
    border: 0.7px solid gray;
    width: 100%;
    margin-right: -2px
}

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

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

.GridHeader[b-wxzfuszcfi] 
{
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}
.GridHeader :hover[b-wxzfuszcfi] {
    transition: .5s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
}

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

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

.GridTr2[b-wxzfuszcfi] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-wxzfuszcfi] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(215, 255, 197) 10%, rgb(239, 255, 228) 50%, rgb(221, 255, 197) 90%, rgb(249, 254, 254) 100%);
    }

@keyframes hovered-b-wxzfuszcfi {
    0% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 30%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 60%, rgba(249,254,254,1) 100%);
    }

    30% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 25%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 65%, rgba(249,254,254,1) 100%);
    }

    40% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 20%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 70%, rgba(249,254,254,1) 100%);
    }
    44% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 15%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 75%, rgba(249,254,254,1) 100%);
    }
    48% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 10%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 80%, rgba(249,254,254,1) 100%);
    }
    52% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 5%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 95%, rgba(249,254,254,1) 100%);
    }
    57% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 10%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 80%, rgba(249,254,254,1) 100%);
    }
    60% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 15%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 75%, rgba(249,254,254,1) 100%);
    }
    68% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 20%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 70%, rgba(249,254,254,1) 100%);
    }
    75% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 25%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 65%, rgba(249,254,254,1) 100%);
    }

    100% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 30%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 60%, rgba(249,254,254,1) 100%);
    }
}

.buttonAccept[b-wxzfuszcfi] {
    width: 100px
}

.imgAccept[b-wxzfuszcfi] {
    width: 32px;
    height: 32px
}

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

.container[b-wxzfuszcfi] {
    position: relative;
    width: 50%;
    max-width: 300px;
}

.image[b-wxzfuszcfi] {
    display: block;
    width: 100%;
    height: auto;
}

.overlay[b-wxzfuszcfi] {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.container:hover .overlay[b-wxzfuszcfi] {
    opacity: 1;
}



.effect figure img[b-wxzfuszcfi] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    
}

.effect figure:hover img[b-wxzfuszcfi] {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


figure[b-wxzfuszcfi] {
    margin: 0;
    padding-top: 5px;
    overflow: hidden;
}

.itm :hover[b-wxzfuszcfi] {
    background-color: rgb(130 136 255 / 0.70);
    border-radius: 10px;
    opacity: 1;
    transition: .3s ease-in-out;
}
.imgBRSearch[b-wxzfuszcfi] {
    width: 31px;
    height: 31px
}
.btnSearch[b-wxzfuszcfi] {
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 20px;
    border: 0.5px dotted gray;
    margin-top: 5px;
    color: midnightblue;
}

/* _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/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/HpRequest_DrugReturn.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .HeaderMenuReturn[b-5c5rr7ej81] {
        text-align: center;
        background-color: #436bff;
        font-size: 17px;
    }

    .itemimgreturn[b-5c5rr7ej81] {
        width: 35px;
        height: 35px;
    }

    .itemcaptionReturn[b-5c5rr7ej81] {
        text-align: center;
    }

    .lblCaptionReturn[b-5c5rr7ej81] {
        width: 120px;
        font-size: 15px;
        border: 0.3px solid gray;
        margin-right: 10px;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #436bff;
        color: white;
    }

    .spanCaptionReturn[b-5c5rr7ej81] {
        margin-top: 5px
    }

    .lblValueReturn[b-5c5rr7ej81] {
        width: 240px;
        font-size: 13px;
        border: 0.3px solid gray;
        margin-right: 1px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 1px;
        background-color: powderblue;
    }

    .DrugRetaurnMainGrid[b-5c5rr7ej81] {
        background-color: white;
        display: block;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1530px;
        cursor: pointer;
        direction: ltr;
    }

    .DrugRetaurnHeader[b-5c5rr7ej81] {
        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;
    }

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

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

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

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



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



}


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

@media (min-width: 1440px) {
    .HeaderMenuReturn[b-5c5rr7ej81] {
        text-align: center;
        background-color: #436bff;
        font-size: 17px;
    }

    .itemimgreturn[b-5c5rr7ej81] {
        width: 35px;
        height: 35px;
    }

    .itemcaptionReturn[b-5c5rr7ej81] {
        text-align: center;
    }

    .lblCaptionReturn[b-5c5rr7ej81] {
        width: 120px;
        font-size: 15px;
        border: 0.3px solid gray;
        margin-right: 10px;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #436bff;
        color:white ;
    }

    .spanCaptionReturn[b-5c5rr7ej81]{
        margin-top:5px
    }

    .lblValueReturn[b-5c5rr7ej81] {
        width: 240px;
        font-size: 13px;
        border: 0.3px solid gray;
        margin-right: 1px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 1px;
        background-color: powderblue;
    }

    .DrugRetaurnMainGrid[b-5c5rr7ej81] {
        background-color: white;
        display: block;
        height: 370px;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1530px;
        cursor: pointer;
        direction: ltr;
    }

    .DrugRetaurnHeader[b-5c5rr7ej81] {
        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;
    }

    .DrugRetaurnBody[b-5c5rr7ej81] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }
    .DrugRetaurnTR[b-5c5rr7ej81] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .DrugRetaurnTR2[b-5c5rr7ej81] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
        .DrugRetaurnTR2:hover[b-5c5rr7ej81] {
            background-color: #97D2EC;
        }



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



}

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/HpRequest_DrugReturn2.razor.rz.scp.css */
/*=================  PC  ==================*/

@media (min-width: 992px) {
    .HeaderMenuReturn[b-ndt3527z7e] {
        text-align: center;
        background-color: #436bff;
        font-size: 17px;
    }

    .itemimgreturn[b-ndt3527z7e] {
        width: 35px;
        height: 35px;
    }

    .itemcaptionReturn[b-ndt3527z7e] {
        text-align: center;
    }

    .lblCaptionReturn[b-ndt3527z7e] {
        width: 120px;
        font-size: 15px;
        border: 0.3px solid gray;
        margin-right: 10px;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #436bff;
        color: white;
    }

    .spanCaptionReturn[b-ndt3527z7e] {
        margin-top: 5px
    }

    .lblValueReturn[b-ndt3527z7e] {
        width: 240px;
        font-size: 13px;
        border: 0.3px solid gray;
        margin-right: 1px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 1px;
        background-color: powderblue;
    }

    .DrugRetaurnMainGrid[b-ndt3527z7e] {
        background-color: white;
        display: block;
        overflow-y: scroll;
        overflow-x: scroll;
        width: 100%;
        max-width: 1530px;
        cursor: pointer;
        direction: ltr;
    }

    .DrugRetaurnHeader[b-ndt3527z7e] {
        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;
    }

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

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

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

        .DrugRetaurnTR2:hover[b-ndt3527z7e] {
            background-color: #97D2EC;
        }



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



}


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

@media (min-width: 1440px) {
    .HeaderMenuReturn[b-ndt3527z7e] {
        text-align: center;
        background-color: #436bff;
        font-size: 17px;
    }

    .itemimgreturn[b-ndt3527z7e] {
        width: 35px;
        height: 35px;
    }

    .itemcaptionReturn[b-ndt3527z7e] {
        text-align: center;
    }

    .lblCaptionReturn[b-ndt3527z7e] {
        width: 120px;
        font-size: 15px;
        border: 0.3px solid gray;
        margin-right: 10px;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #436bff;
        color:white ;
    }

    .spanCaptionReturn[b-ndt3527z7e]{
        margin-top:5px
    }

    .lblValueReturn[b-ndt3527z7e] {
        width: 240px;
        font-size: 13px;
        border: 0.3px solid gray;
        margin-right: 1px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 1px;
        background-color: powderblue;
    }

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

    .DrugRetaurnHeader[b-ndt3527z7e] {
        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;
    }

    .DrugRetaurnBody[b-ndt3527z7e] {
        font-size: 13px;
        display: table;
        table-layout: fixed;
    }
    .DrugRetaurnTR[b-ndt3527z7e] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .DrugRetaurnTR2[b-ndt3527z7e] {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
        .DrugRetaurnTR2:hover[b-ndt3527z7e] {
            background-color: #97D2EC;
        }



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



}

/* _content/PDD.Web.HMIS.UI/Pages/HpRequest/HpRequest_OpartingRoom.razor.rz.scp.css */

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

@media (min-width: 992px) and (max-width:1400px) {
    .reqNewOplbl[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 90px;
        text-align: center;
        margin-top: 5px;
        background-color: rgb(174,210,255);
        margin-right: 10px
    }

    .reqNewOpSpan[b-gpp3us8nma] {
        font-size: 12px;
    }

    .reqNewOplbl2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 140px;
        text-align: center;
        margin-top: 5px;
        background-color: powderblue;
    }

    .reqNewOpSpan2[b-gpp3us8nma] {
        font-size: 12px;
    }

    .reqOplal3[b-gpp3us8nma] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
    }

    .reqOplal3-1[b-gpp3us8nma] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
        margin-right: -15px
    }

    .reqOplal3-2[b-gpp3us8nma] {
        width: 30px;
        border: 0.3px solid gray;
        text-align: center;
        height: 24px;
        margin-right: -15px;
        background-color: lightgray
    }

    .reqOpSpan3-2[b-gpp3us8nma] {
        font-size: 12px;
        margin-right: -7px
    }

    .reqOpSpan3[b-gpp3us8nma] {
        font-size: 11px;
    }

    .reqOpInput3[b-gpp3us8nma] {
        border: 0.3px solid gray;
        font-size: 11px;
        background-color: lavender;
        height: 23px;
        width: 80px
    }

    .reqOpButton3[b-gpp3us8nma] {
        width: 45%;
        font-size: 11px
    }

    .reqOplal4[b-gpp3us8nma] {
        background-color: powderblue;
        width: 165px;
        border: 0.3px solid gray;
    }

    .reqOplal5[b-gpp3us8nma] {
        width: 200px;
    }

    .reqOplal6[b-gpp3us8nma] {
        width: 145px;
    }

    .reqOplal7[b-gpp3us8nma] {
        width: 220px;
    }

    .reqOplal8[b-gpp3us8nma] {
        width: 50px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-gpp3us8nma] {
        width: 50px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

    .reqOpbtnSearch[b-gpp3us8nma] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 30px;
        border-radius: 3px
    }

    .reqOpimgSerach[b-gpp3us8nma] {
        height: 18px;
        width: 18px;
        margin-right: -7px
    }

    .reqOpInput4[b-gpp3us8nma] {
        width: 90px
    }

    .reqOplal10[b-gpp3us8nma] {
        width: 50px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 330px;
    }

    .reqOplal11[b-gpp3us8nma] {
        width: 80px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplblChekBox[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 90px;
        font-size: 10px;
        background-color: #9CFF2E;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 110px;
        font-size: 12px;
        background-color: #FF9A8C;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox3[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 110px;
        font-size: 12px;
        background-color: #FF0000;
        padding-top: 5px;
        height: 25px
    }

    .reqOpbtnSearch2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 90px;
        border-radius: 3px;
        font-size: 12px
    }

    .reqOpimgSerach2[b-gpp3us8nma] {
        height: 18px;
        width: 18px;
    }

    .reqOpHeaderCard[b-gpp3us8nma] {
        font-size: 14px;
        color: blue
    }

    .reqOpMoreInfo[b-gpp3us8nma] {
        width: 100%;
        border: 0.3px solid gray;
        margin-top: -15px
    }

    .reqOpMoreInfoLbl[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-gpp3us8nma] {
        width: 180px;
        margin-right: -10px
    }

    .reqOpMoreInfo2[b-gpp3us8nma] {
        width: 100%;
        border: 0.5px solid lightblue;
    }

    .reqOpMoreInfo2Lbl[b-gpp3us8nma] {
        width: 80px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-gpp3us8nma] {
        width: 40px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpSergurSpan[b-gpp3us8nma] {
        color: white;
        font-size: 13px
    }

    .reqOpSergureLbl[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpSergurSelect[b-gpp3us8nma] {
        width: 200px;
        margin-right: -10px;
        font-size: 13px
    }

    .reqOpSergurSelect2[b-gpp3us8nma] {
        width: 50px;
        margin-right: -23px;
        height: 23px
    }

    .imgSearch[b-gpp3us8nma] {
        width: 18px;
        height: 16px;
    }

    .reqOplbl3[b-gpp3us8nma] {
        /*background-color: #F5C6EC;*/
        background-color: #B983FF;
        font-size: 13px;
        width: 160px;
        height: 24px;
        margin-top: 7px
    }

    .reqOplbl4[b-gpp3us8nma] {
        background-color: #2F58CD;
        font-size: 13px;
        width: 190px;
        height: 24px;
        margin-top: 7px;
        margin-right: 5px
    }

    .reqOplbl5[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpImg[b-gpp3us8nma] {
        width: 20px;
        height: 18px
    }

    .reqOplbl6[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 70px;
        background-color: yellow;
        font-size: 13px;
        padding-top: 2px
    }

    .reqOplbl7[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 100px;
        background-color: #FFE227;
        font-size: 13px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 77px;
        background-color: powderblue;
        font-size: 14px;
        padding-top: 2px;
    }

    .reqOplbl9[b-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        margin-top: 30px
    }

    .row3[b-gpp3us8nma] {
        background-color: #AFB9C8;
        margin-bottom: 22px;
    }

    .reqOpbtn[b-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        /*width: 80px;*/
        width: 55px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-gpp3us8nma] {
        /*width: 40px;*/
        width: 25px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpMoreInfoLbl[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-gpp3us8nma] {
        width: 200px;
        margin-right: -10px
    }

    .reqOpButton3[b-gpp3us8nma] {
        width: 48%;
        font-size: 12px
    }

    .reqOpInput3[b-gpp3us8nma] {
        border: 0.3px solid gray;
        font-size: 12px;
        background-color: lavender;
        height: 23px;
        width: 65px
    }

    .reqOplal5[b-gpp3us8nma] {
        width: 210px;
    }

    .reqOplal6[b-gpp3us8nma] {
        width: 170px;
    }

    .reqOplal8[b-gpp3us8nma] {
        width: 60px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-gpp3us8nma] {
        width: 50px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

        .reqOplal10[b-gpp3us8nma] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 350px;
    }

    .reqOplbl6[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 80px;
        background-color: yellow;
        font-size: 14px;
        padding-top: 2px
    }

    .reqOplbl5[b-gpp3us8nma] {
        width: 100px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOplbl7[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 110px;
        background-color: #FFE227;
        font-size: 14px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-gpp3us8nma] {
        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-gpp3us8nma] {
        width: 80px;
        width: 65px;
        border: 0.3px solid gray;
        text-align: center;
        font-size: 11px;
        margin-right: 2px;
        height: 25px;
    }

    .reqOpMoreInfo2Lbl2[b-gpp3us8nma] {
        width: 40px;
        width: 30px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        height: 25px;
        background-color: powderblue;
    }

    .reqOpMoreInfoLbl[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpMoreInfoSelect[b-gpp3us8nma] {
        width: 230px;
        margin-right: -10px
    }

    .reqOpButton3[b-gpp3us8nma] {
        width: 55%;
        font-size: 12px
    }

    .reqOpInput3[b-gpp3us8nma] {
        border: 0.3px solid gray;
        font-size: 12px;
        background-color: lavender;
        height: 23px;
        width: 70px
    }

    .reqOplal5[b-gpp3us8nma] {
        width: 227px;
    }

    .reqOplal6[b-gpp3us8nma] {
        width: 200px;
    }

    .reqOplal8[b-gpp3us8nma] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplal9[b-gpp3us8nma] {
        width: 60px;
        background-color: powderblue;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center
    }

        .reqOplal10[b-gpp3us8nma] {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 440px;
    }

    .reqOplbl6[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 100px;
        background-color: yellow;
        font-size: 14px;
        padding-top: 2px
    }

    .reqOplbl5[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOplbl7[b-gpp3us8nma] {
        border: 0.2px solid gray;
        text-align: center;
        width: 140px;
        background-color: #FFE227;
        font-size: 14px;
        padding-top: 2px;
        margin-right: 5px;
    }

    .reqOplbl8[b-gpp3us8nma] {
        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-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 90px;
        text-align: center;
        margin-top: 5px;
        background-color: rgb(174,210,255);
        margin-right: 10px
    }

    .reqNewOpSpan[b-gpp3us8nma] {
        font-size: 12px;
    }

    .reqNewOplbl2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 140px;
        text-align: center;
        margin-top: 5px;
        background-color: powderblue;
    }

    .reqNewOpSpan2[b-gpp3us8nma] {
        font-size: 12px;
    }

    .reqOplal3[b-gpp3us8nma] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
    }

    .reqOplal3-1[b-gpp3us8nma] {
        width: 120px;
        border: 0.3px solid gray;
        text-align: center;
        height: 23px;
        margin-right: -15px
    }

    .reqOplal3-2[b-gpp3us8nma] {
        width: 30px;
        border: 0.3px solid gray;
        text-align: center;
        height: 24px;
        margin-right: -15px;
        background-color: lightgray
    }

    .reqOpSpan3-2[b-gpp3us8nma] {
        font-size: 12px;
        margin-right: -7px
    }

    .reqOpSpan3[b-gpp3us8nma] {
        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-gpp3us8nma] {
        background-color: powderblue;
        width: 165px;
        border: 0.3px solid gray;
    }

/*    .reqOplal5 {
        width: 227px;
    }*/

/*    .reqOplal6 {
        width: 200px;
    }*/

    .reqOplal7[b-gpp3us8nma] {
        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-gpp3us8nma] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 35px;
        border-radius: 3px
    }

    .reqOpimgSerach[b-gpp3us8nma] {
        height: 20px;
        width: 20px;
        margin-right: -7px
    }

    .reqOpInput4[b-gpp3us8nma] {
        width: 90px
    }

/*    .reqOplal10 {
        width: 75px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        margin-right: 440px;
    }*/

    .reqOplal11[b-gpp3us8nma] {
        width: 100px;
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
    }

    .reqOplblChekBox[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 100px;
        font-size: 12px;
        background-color: #9CFF2E;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 120px;
        font-size: 12px;
        background-color: #FF9A8C;
        padding-top: 5px;
        height: 25px
    }

    .reqOplblChekBox3[b-gpp3us8nma] {
        border: 0.3px solid gray;
        width: 120px;
        font-size: 12px;
        background-color: #FF0000;
        padding-top: 5px;
        height: 25px
    }

    .reqOpbtnSearch2[b-gpp3us8nma] {
        border: 0.3px solid gray;
        height: 25px;
        text-align: center;
        width: 110px;
        border-radius: 3px;
        font-size: 12px
    }

    .reqOpimgSerach2[b-gpp3us8nma] {
        height: 20px;
        width: 20px;
    }

    .reqOpHeaderCard[b-gpp3us8nma] {
        font-size: 14px;
        color: blue
    }

    .reqOpMoreInfo[b-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        color: white;
        font-size: 13px
    }

    .reqOpSergureLbl[b-gpp3us8nma] {
        width: 120px;
        border: 0.2px solid gray;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        height: 25px;
    }

    .reqOpSergurSelect[b-gpp3us8nma] {
        /*    width: 250px;*/
        width: 250px;
        margin-right: -10px;
        font-size: 14px;
    }

    .reqOpSergurSelect2[b-gpp3us8nma] {
        width: 50px;
        margin-right: -23px;
        height: 23px
    }

    .imgSearch[b-gpp3us8nma] {
        width: 18px;
        height: 16px;
    }

    .reqOplbl3[b-gpp3us8nma] {
        /*background-color: #F5C6EC;*/
        background-color: #B983FF;
        font-size: 14px;
        width: 170px;
        height: 25px;
        margin-top: 7px
    }

    .reqOplbl4[b-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        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-gpp3us8nma] {
        margin-top: 210px
    }

    .row3[b-gpp3us8nma] {
        background-color: #AFB9C8;
        margin-bottom: 18px;
    }

    .reqOpbtn[b-gpp3us8nma] {
        width: 100px;
        text-align: center;
        border: 0.2px solid gray;
        margin-top: 3px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .cardOperationName[b-gpp3us8nma] {
        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/Modal/CmpModalSearchStocks.razor.rz.scp.css */
    .RightMenu2[b-iktiszfu6k] {
        position: sticky;
        width: 107%
    }

    .itemimg[b-iktiszfu6k] {
        width: 32px;
        height: 32px;
        text-align: center;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 7px
    }
    .itemimg:hover[b-iktiszfu6k] {
        /*background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.5);*/
        transition: .5s ease;
    }

    .itemDelete[b-iktiszfu6k]{
    width: 22px;
    height: 22px;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 7px
}

        .itemDelete:hover[b-iktiszfu6k] {
            /*background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.5);*/
            transition: .5s ease;
        }

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


    .HeaderMenu[b-iktiszfu6k] 
    {
        border: 1px lightblue solid;
        background-color: #436bff;
        text-align: center;
        font-size: 12px;
        transition: .5s ease;
    }

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

    .itemRow :hover[b-iktiszfu6k] 
    {
        font-size: 12px;
        font-weight: bold;
        color: blue;
        transition: .5s ease;
    }



.lblSearch[b-iktiszfu6k] {
    width: 100%;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

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

.inputSearch[b-iktiszfu6k] {
    background-color: lavender;
    border: 0.7px solid gray;
    width: 100%;
    margin-right: -2px
}

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

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

.GridHeader[b-iktiszfu6k] 
{
    transition: .1s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 50%, rgba(249,254,254,1) 100%);
    position: sticky;
    top: 0;
    color: #03058e;
    font-size: 12px;
    display: block;
    height: 27px;
    overflow-y: scroll;
    overflow: auto;
    display: table;
    table-layout: fixed;
}
.GridHeader :hover[b-iktiszfu6k] {
    transition: .5s ease-in-out;
    background: rgb(179,199,255);
    background: linear-gradient(0deg, rgba(179,199,255,1) 0%, rgba(219,226,255,1) 100%, rgba(249,254,254,1) 100%);
}

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

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

.GridTr2[b-iktiszfu6k] {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 40%, rgba(239,239,239,1) 43%, rgba(239,239,239,1) 46%, rgba(249,254,254,1) 100%);
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .GridTr2:hover[b-iktiszfu6k] {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(199, 255, 197) 5%, rgb(128, 251, 93) 50%, rgb(226, 255, 197) 95%, rgb(249, 254, 254) 100%);
    }

@keyframes hovered-b-iktiszfu6k {
    0% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 30%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 60%, rgba(249,254,254,1) 100%);
    }

    30% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 25%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 65%, rgba(249,254,254,1) 100%);
    }

    40% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 20%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 70%, rgba(249,254,254,1) 100%);
    }
    44% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 15%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 75%, rgba(249,254,254,1) 100%);
    }
    48% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 10%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 80%, rgba(249,254,254,1) 100%);
    }
    52% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 5%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 95%, rgba(249,254,254,1) 100%);
    }
    57% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 10%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 80%, rgba(249,254,254,1) 100%);
    }
    60% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 15%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 75%, rgba(249,254,254,1) 100%);
    }
    68% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 20%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 70%, rgba(249,254,254,1) 100%);
    }
    75% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 25%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 65%, rgba(249,254,254,1) 100%);
    }

    100% {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,252,197,1) 30%, rgba(255,202,120,1) 50%, rgba(255,252,197,1) 60%, rgba(249,254,254,1) 100%);
    }
}

.buttonAccept[b-iktiszfu6k] {
    width: 100px
}

.imgAccept[b-iktiszfu6k] {
    width: 32px;
    height: 32px
}

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

.container[b-iktiszfu6k] {
    position: relative;
    width: 50%;
    max-width: 300px;
}

.image[b-iktiszfu6k] {
    display: block;
    width: 100%;
    height: auto;
}

.overlay[b-iktiszfu6k] {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.container:hover .overlay[b-iktiszfu6k] {
    opacity: 1;
}



.effect figure img[b-iktiszfu6k] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    
}

.effect figure:hover img[b-iktiszfu6k] {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


figure[b-iktiszfu6k] {
    margin: 0;
    padding-top: 5px;
    overflow: hidden;
}

.itm :hover[b-iktiszfu6k] {
    background-color: rgb(130 136 255 / 0.70);
    border-radius: 10px;
    opacity: 1;
    transition: .3s ease-in-out;
}
.imgBRSearch[b-iktiszfu6k] {
    width: 31px;
    height: 31px
}
.btnSearch[b-iktiszfu6k] {
    width: 150px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 20px;
    border: 0.5px dotted gray;
    margin-top: 5px;
    color: midnightblue;
}

/* _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/Modal/CmpModalGetDateGlobal.razor.rz.scp.css */
.lblSearchPart[b-fhjtc2skoj] {
    width: 80px;
    border: 0.7px solid gray;
    background-color: #82C3EC;
    text-align: center;
}

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

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

.BaseDiseasemainGrid[b-fhjtc2skoj] {
    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-fhjtc2skoj], th[b-fhjtc2skoj], td[b-fhjtc2skoj] {
    border: 0.5px dotted lightblue;
}

.BaseDiseaseHeader[b-fhjtc2skoj] {
    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-fhjtc2skoj] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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


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

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

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

.BaseDiseasemainGrid[b-cwxuc2rmd0] {
    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-cwxuc2rmd0], th[b-cwxuc2rmd0], td[b-cwxuc2rmd0] {
    border: 0.5px dotted lightblue;
}

.BaseDiseaseHeader[b-cwxuc2rmd0] {
    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-cwxuc2rmd0] {
    font-size: 13px;
    display: table;
    table-layout: fixed;
}

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

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


/* _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;
    }
}