#reconciliation #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}

    #reconciliation #con fieldset {
        width: 100%;
        padding-bottom: 10px;
    }

#reconciliation #poInvFilters, #reconciliation #grFilters {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border: 1px solid lightgray;
}

    #reconciliation .filter {
        width: 150px;
        padding-left: 10px;
        float :left;
    }
    
    #reconciliation #poInvFilters #poInvBtnSearch {
        margin-top: 20px;
        margin-left: 10px
    }

    #reconciliation #grFilters #grBtnSearch {
        margin-top: 20px;
        margin-left: 10px
    }


#reconciliation .supplier-filter {
    width: 200px;
}
#reconciliation .supplier-filter div {
    position: relative;
}
    #reconciliation .supplier-filter div input {
        padding-right: 27px
    }
    #reconciliation .supplier-filter div .lookup-button {
        right: 0px
    }
    #reconciliation .supplier-filter div .li-remove {
        right: 35px
    }

#reconciliation .matched-filter {
    width: 135px;
}
    #reconciliation .matched-filter label {
        margin-bottom: 0px;
        padding: 0px;
    }
    #reconciliation .matched-filter div {
        padding: 0px;
    }
        #reconciliation .matched-filter div input[type="checkbox"] {
            width: 13px;
            height: 13px;
        }






#reconciliation #grLines, #reconciliation #poInvLines {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    border: 1px solid lightgray;
    box-sizing: border-box;
}


#reconciliation .modal-dialog.reconcileModal {
    width: 1000px;
}

    #reconciliation .modal-dialog.reconcileModal #grTable input[type="checkbox"] {
        width: 13px;
        margin-left: 14px
    }