/* PAGE */

.invoice-page{
    flex:1;

    min-width:0;

    padding:0 4px 0 4px;

    background:transparent;

    min-height:100vh;

    box-sizing:border-box;
}


/* TABLE WRAP */

.invoice-table-wrapper{
    width:1245px;

    border:1px solid #c4c8cd;

    overflow-y:auto;
    overflow-x:hidden;

    height:548px;

    margin-top:22px;

    position:relative;
}
/* TABLE */

.invoice-table{
    width:100%;

    border-collapse:collapse;

    table-layout:fixed;
}

/* HEADER */

.invoice-table thead th{
    height:36px;

    background:#e6ded3;

    border:1px solid #bcc3ca;

    padding:0 4px;

    font-size:14px;
    font-weight:600;

    color:#222;

    text-align:center;
}

/* HEADER INPUT */

.invoice-table thead th input{
    width:100%;

    height:28px;

    border:1px solid #cfd3d7;
    border-radius:4px;

    background:#f7f7f7;

    padding:0 10px;

    font-size:13px;

    color:#444;

    outline:none;

    box-sizing:border-box;
}

/* BODY */

.invoice-table tbody td{
    border:1px solid #c2c8cf;

    padding:4px 6px;

    font-size:14px;

    color:#000;

    background:#efefef;

    vertical-align:middle;

    line-height:28px;
}

/* ROW */

.invoice-table tbody tr{
    height:38px;
}

/* COLUMN WIDTH */

.invoice-table th:nth-child(1),
.invoice-table td:nth-child(1){
    width:110px;
}

.invoice-table th:nth-child(2),
.invoice-table td:nth-child(2){
    width:112px;
}

.invoice-table th:nth-child(3),
.invoice-table td:nth-child(3){
    width:220px;
}

.invoice-table th:nth-child(4),
.invoice-table td:nth-child(4){
    width:125px;
}

.invoice-table th:nth-child(5),
.invoice-table td:nth-child(5){
    width:110px;
}

.invoice-table th:nth-child(6),
.invoice-table td:nth-child(6){
    width:120px;
}

.invoice-table th:nth-child(7),
.invoice-table td:nth-child(7){
    width:110px;

    text-align:center;
}

.invoice-table th:nth-child(8),
.invoice-table td:nth-child(8){
    width:110px;
}

.invoice-table th:nth-child(9),
.invoice-table td:nth-child(9){
    width:110px;

    text-align:center;
}

.invoice-table th:nth-child(10),
.invoice-table td:nth-child(10){
    width:115px;

    text-align:center;
}

/* ACTION */

.invoice-action{
    white-space:nowrap;
}

.invoice-action a{
    color:#0b57ff;

    text-decoration:none;

    font-size:14px;
}

/* ADD BUTTON */

.invoice-add-btn{
    position:absolute;

top: 60px;
    right: 80px;
    width: 35px;
    height: 35px;
    border:none;
    border-radius:50%;
    padding-bottom: 4px;
    background:#e89b2b;

    color:#fff;

    font-size:30px;
    font-weight:300;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:5;
}


/* SCROLLBAR */

.invoice-table-wrapper::-webkit-scrollbar{
    width:11px;
}

.invoice-table-wrapper::-webkit-scrollbar-thumb{
    background:#8b8b8b;

    border-radius:10px;
}

.invoice-table-wrapper::-webkit-scrollbar-track{
    background:#efefef;
}


/* ACKNOWLEDGEMENT TABLE */

.acknowledgment-table th:nth-child(1),
.acknowledgment-table td:nth-child(1){
    width:240px;
}

.acknowledgment-table th:nth-child(2),
.acknowledgment-table td:nth-child(2){
    width:180px;
}

.acknowledgment-table th:nth-child(3),
.acknowledgment-table td:nth-child(3){
    width:180px;
}

.acknowledgment-table th:nth-child(4),
.acknowledgment-table td:nth-child(4){
    width:240px;
}

.acknowledgment-table th:nth-child(5),
.acknowledgment-table td:nth-child(5){
    width:180px;
}

.acknowledgment-table th:nth-child(6),
.acknowledgment-table td:nth-child(6){
    width:180px;

    text-align:center;
}

/* EMPTY ROW */

.ack-empty-row td{
    height:58px;

    text-align:center;

    font-size:14px;

    color:#000;

    background:#efefef;
}