.formview{
        display: flex;
        padding:0.4em;
        box-sizing: border-box;
    }
    .formview>div{
        padding-top:.75em;
        padding-bottom:.75em;
        border-bottom:1px solid #dee2e6;
        border-right:1px solid #dee2e6;
    } 
    .formview>div:nth-child(odd){
        font-weight: bold;
        border-left:1px solid #dee2e6;
        background: #f4f4f5;
    } 

    .formview>div:nth-child(-n+4) {
        border-top:1px solid #dee2e6; 
    }


    .formviewItem>div:nth-child(-n+4) {
        font-weight: bold;
        background: #f4f4f5;
    } 

    .formview4{
        display: flex;
        padding:0.4em;
        box-sizing: border-box;
    }
    .formview4>div{
        padding-top:.75em;
        padding-bottom:.75em;
        border-bottom:1px solid #dee2e6;
        border-right:1px solid #dee2e6;
        text-align:right;
    } 
    .formview4>div:nth-child(-n+4) {
        font-weight: bold;
        border-top:1px solid #dee2e6; 
        background: #f4f4f5;
        text-align:center;
    } 
    .formview4>div:nth-child(4n+1) {
        border-left:1px solid #dee2e6; 
        text-align:left
        
    } 

    .formview4>div:nth-child(4n+2) {
        
    } 
    /* .formview4>div:nth-child(4n) {
        text-align:right
    }  */
    .formview4>div:nth-last-child(-n+4) {
        font-weight: bold;
        border-top:2px solid #dee2e6; 
        background: #f4f4f5;
    }