#bill{
    padding-bottom: 50px;
}

    #bill a {
    text-decoration:underline !important;
    color:#629a97 !important;
    font-weight:500;
    }

    #bill a:hover {
    text-decoration:underline !important;
    color:#005E5A !important;
    font-weight:500;
    }    

#bill .details { 
    width:100%;
    margin:0px 0px 20px 0px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.19);
}

    #bill .details .detail {
        border-top: solid 1px rgba(0, 0, 0, 0.19);
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        padding:5px 0px 5px 0px;
    }

    #bill .detail div:nth-child(1) {
    width: 160px;
    max-width: 160px;
    font-weight:600;
    flex-grow:0;
    }

    #bill .detail div:nth-child(2) {    
    flex-grow:1;
    width:100%;
    }

    #bill i {
    padding-right:3px;
    }

    #bill .b_header {
    font-weight:600;
    display:flex;
    flex-direction:row;
    width:100%;
    padding: 20px 0px 0px 0px;
       border-bottom: solid 1px rgba(0, 0, 0, 0.19);
    }

    #bill .b_readingtitle {
    width: 300px;
    max-width: 300px;
        flex-grow:0;
    }

    #bill .b_entry {
    display:flex;
    flex-direction:row;
    width:100%;
    }

    #bill .doc_item {
    font-weight:normal !important;
    max-width:100% !important ;
    width:100% !important;
    }

    #bill .b_flex {
    width:300px;
    max-width: 300px;
    flex-grow:0;
    }

@media only screen and (max-width: 1000px) {
    /* browser window is 1000px wide or less */

.b_header .b_hansard {
    display:none;
}

.b_readingtitle {
    width: 200px;
    max-width: 200px;
}

#bill .b_flex {
    width: 200px;
    max-width: 200px;
}

}