/* invoice plugin styles */

.invoice_unpaid {
	background: url('gallery.png') 0 -22px no-repeat;
    color: #D81E1E;
    padding: 4px 0 0 25px;
}

.invoice_paid {
	background: url('gallery.png') 0 0 no-repeat;
    color: #628715;
    padding: 0px 0 0 25px;
}
.select2-container--default .select2-selection--single {
    height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}
div.invoice_listings > div {
    padding: 10px 0;
}
div.invoice_listings > div > div {
    display: inline-block;
    text-align: left;
}
div.invoice_listings:not(:first-child) > div:hover {
    background: #efefef;
}
div.invoice_listings > div > div:not(:first-child) {
    text-align: center;
}
#fs_invoice_info div.table-cell > div.name {
    width: 20%;
}
#fs_invoice_info div.table-cell > div.value {
    width: 80%;
}

#listings_invoice {
    margin-left: 200px;
}
@media (max-width: 768px){
    #listings_invoice {
        margin-left: 0px;
    }
    form[name=invoice_form] > div.submit-cell:not(:nth-child(2)):not(:nth-child(3)) > div.name {
        width: 50%;
        float: left !important;
    }
}
#additional_invoice tr td.name {
    width: 200px;
}
#additional_invoice tr,
#listings_invoice tr {
    height: 50px;
}
#listings_invoice tr:not(:first-child):hover,
div.invoice_listings:hover {
    background: #efefef;
}
#listings_invoice td {
    border-bottom: 1px #ccc solid;
}
#listings_invoice tr > td:nth-child(2) > input { 
    width: 50px;
    text-align: center;
}
#listings_invoice tr > td:nth-child(3)> input { 
    width: 60px;
}
#listings_invoice tr > td:nth-child(4)> input { 
    width: 70px;
}
div.invoice_listings {
    padding: 10px 0;
    border-bottom: 1px #ccc solid;
}
div.invoice_listings > div {
    display: inline-block;
}
div.invoice_listings > div:not(:first-child) {
    text-align: center;
}
.invoice_details table.list td.value {
    padding: 0;
}
/* invoice plugin styles end */