/** Create invoice page **/

.invoice-create .Row3{ margin-top: 0;}
.invoice-create .total-summary-box{border: 1px solid #ccc;background-color: #fff;border-top: 0;}
.invoice-create .Row3-Left{float:left;width:20%; padding-top: 15px;}
.invoice-create .Row3-Middle{float:left;width:40%; padding-top: 15px;}
.invoice-create .invoice-client { padding-bottom:20px; float: left; width: 50%;padding-right: 15px;}
.invoice-create .invoice-client span.lbl {display: inline-block; vertical-align: top;padding-top: 8px;text-align: left; width: 67px;}
.invoice-create .invoice-is-associated-with span.lbl{width:75px;}
.invoice-is-associated-with .form-group.field-invoice-is_associated_with {display: inline-block;margin-top: 7px;}
.invoice-create .invoice-client span.txt_bx{display: inline-block;margin: 0 10px;width:63% !important;vertical-align: middle;}
.invoice-create .invoice_details .invoice-no, .invoice-create .invoice_details .invoice-title {padding-bottom:10px;text-align: right;}
.invoice-create .invoice_details .invoice-no span.lbl {display: inline-block; vertical-align: top; width: 35%;padding-top: 8px;text-align: right;}
.invoice-create .invoice_details .invoice-no div.txt_bx, .invoice-create .invoice_details .invoice-title div.txt_bx {display: inline-block; margin: 0 0 0 10px;vertical-align: middle; width: 50%;}
.invoice-create .invoice-client .invoce_subject{padding-top: 10px;}
.invoice-create .invoice-client .invoce_subject span.lbl{text-align: left;}
.invoice-create .invoice-client .invoce_subject .txt_bx{display: inline-block;vertical-align: middle;margin: 0 0 0 10px;width: 63%;}
.invoice-create .invoice_details .invoice-issue-date{padding-bottom:10px;text-align: right;}
.invoice-create .invoice_details .Invoice-billing-address span.lbl {display: inline-block;vertical-align: top;width: 47%;padding-top: 8px;text-align: right;}
.invoice-create .invoice_details .Invoice-billing-address div.txt_bx {display: inline-block; margin: 0 0 0 10px;vertical-align: middle; width: 50%;}
.invoice-create span.lbl label span {color:#ff0000;}
.invoice-create .invoice_details .invoice-issue-date span.lbl {display: inline-block; vertical-align: middle; width: 35%;text-align: right;}
.invoice-create .invoice_details .invoice-issue-date div.txt_bx{display: inline-block; margin: 0 0 0 10px;vertical-align: middle; width: 50%;}
.invoice-create #invoice-issue_date{cursor:pointer;}
.invoice-create .invoice_details {float: right;padding-bottom: 10px;width: 50%;}
.invoice-create .invoice_details .form-group {margin-bottom: 0;}
.invoice-create .add-client-popup-link {padding: 10px 0;}
.invoice-create .invoice_details .invoice-issue-date .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 98% 8px;}
.invoice-create input[type="text"] { height: 35px;}
.invoice_subject_label{font-weight: 700;}
.invoice_place_of_supply_label{font-weight: 700; float: left; width: 100px, width: 112px;}
.item{outline: none; text-align: justify; height: 35px;border: none;
 resize: none;overflow: hidden;border-radius: 0px;}
.invoice-create div.selector{ height: 35px;padding: 0 10px;}
.invoice-create .page-title {padding-bottom: 36px;padding-top: 12px;}
.invoice-create .invoice-client .client-select .form-group {margin-bottom: 0;}
.invoice-create .client-invoice tbody tr td:nth-child(1) {text-align: center;}
.invoice-create .client-invoice tbody tr td:nth-child(6) {text-align: right;}
.invoice-create .client-invoice tbody tr td .units-value {width: 100%;}
.invoice-create .client-invoice tbody tr td .time-cal{display: inline-block;width: 48%;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{color:#000;}
.invoice-create .invoice-client .add-client-popup-link a{ display: block;padding-bottom: 12px;padding-top: 10px;}
.page-clients-invoices-create .popup-close span,.page-clients-invoices-update .popup-close span{right: -30px;top: -30px;}
.page-clients-invoices-create .popup-content h2,
.page-clients-invoices-update .popup-content h2{ padding: 10px 0 22px;}

.page-clients-invoices-update .popup-form-elements.invoice_email .row1:last-child,
.page-clients-invoices-create .popup-form-elements.invoice_email .row1:last-child { text-align: center; }
.page-clients-invoices-update .popup-form-elements.invoice_email .row1:last-child .lbl, 
.page-clients-invoices-create .popup-form-elements.invoice_email .row1:last-child .lbl { display: none; }
.page-clients-invoices-update .popup-form-elements.invoice_email .row1:last-child .submit_btn_group a.cancelbutton,
.page-clients-invoices-create .popup-form-elements.invoice_email .row1:last-child .submit_btn_group a.cancelbutton { margin-left: 0px; }

.popup-form-elements.invoice_email .row1{display: table;width:100%;padding-bottom: 20px;}
.popup-form-elements.invoice_email .row1 .lbl{display: table-cell;padding-right: 10px; text-align: right; width: 20%;vertical-align: middle;}
.popup-form-elements.invoice_email .row1 .txt_bx{display: table-cell;}
.popup-form-elements.invoice_email .row1 .txt_bx a.cancelbutton{margin-left: 10px;}
.page-clients-invoices-index .popup-form-elements.invoice_email .row1 .txt_bx a.cancelbutton{margin-left: 0px;}
.btn:focus{border: none;outline: 0;color: #fff;}
.create-invoice-div .submitbutton {margin-right: 10px;}
.submitbutton.view_invoice {background: #fd933d;color: #fff;border: 1px solid #fd933d;}
.submitbutton.view_invoice:hover {background: transparent ; color: #fd933d;}
.popup-form-elements.invoice_email .row1 .txt_bx .form-group{margin-bottom: 0px;}
.page-clients-invoices-create .popup-content .txt_bx .create{margin-right: 5px;}
.invoice-create .Row3-Right{float:right;width:364px;}
.invoice-create .invoice-client #client-details { padding-bottom: 10px; padding-top: 10px;}
.Row3{margin-top:20px;}
.Row4{margin-top:20px;}
.invoice-create .client-invoice{background-color: #fff;border: 1px solid #ccc;border-radius: 0;}
.invoice-create .client-invoice tr th {border: 0 none;}
.invoice-create .client-invoice tbody tr td{display: table-cell;vertical-align: top;border-top:1px solid #ccc;}
.invoice-create .client-invoice tr th.cost_th {text-align: right;}
.invoice-create .client-invoice tr th.line_totol_th {text-align: right;}
.invoice-create input.line-units[type="text"],.invoice-create input.line-amount[type="text"],.invoice-create input.line-taxpercentage[type="text"] {text-align: right;}
 .net-amount-details{background-color:#F0F0F0;padding: 10px;}
.create-invoice-div .btn {margin-right: 10px;transition: none;}
.invoice-create .client-invoice tbody tr td div.selector {
    text-align: left;
    /* background: rgba(0, 0, 0, 0) url("/themes/app/images/select-arrow.png") no-repeat scroll 96% 55%; */
    padding: 0 10px 0 0;border: none;border-radius: 0px;
}

.showBillingAddress .billing_details_row-label{
    display: inline-block;vertical-align: top;width: 47%;padding-top: 8px;text-align: right;
}
.showBillingAddress .billing_details_row-text{
    display: inline-block;margin: 10px 0 0 10px;vertical-align: middle;width: 50%;
}

.invoice-create .client-invoice tbody tr td div.selector span{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 5px 10px 0px;}
.page-clients-invoices-index .list-page-last-row .pagination, .page-clients-invoices-index .grid-page-last-row .pagination{width: 100%; float: none;text-align: right;}
.total-summary .total_display {padding:10px 10px 0;border-top: 1px solid #ccc;}
.invoice-create .total-summary-box .section-1 {padding: 0 10px;}
.sub_total_display{padding:10px 0 0;}
.payment-row .cancelbutton, .create-invoice-div .cancelbutton{margin-right:10px;}
.client_notes{text-align:center; width:24%;}
.page-clients-invoices-index a{cursor:pointer;}
.custom-dropdown dd input[type="checkbox"]{vertical-align: middle;}
.client_notes_wrapper { width: 100%; margin-top:20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.client_notes_wrapper .clear {display: none;}
.client_notes_wrapper .client_notes{display: inline-block; margin-right: 10px; margin-bottom: 20px; max-width: 600px; width: 100%;}
.client_notes_wrapper .client_notes label {display: block; text-align: left;}
.client_notes_wrapper .client_notes:last-child {margin-right: 0;}
.client_notes_wrapper .include_signature_div{float:right;}
.create-invoice-div .submitbutton{margin-right: 0;}
.invoice-form .Row4 .create-invoice-div .cancelbutton { font-size: 13px; margin: 0 0 0 4px; vertical-align: top;}
.client_notes textarea{height: 100px; width: 100%; margin-bottom: 20px;}
.clear{clear:both;}
.total-summary-label{float:left;padding-bottom: 10px;}
.total-summary-value{float:right;text-align:right;}
.text-center{text-align: center;}
.action-td a{cursor:pointer;}
table{font-size: 14px;}  
table th{background: #efefef;}
.pdf_heading{text-align: center;color:#000;font-weight: 800; font-size: 20px;}
.hr{background-color: black;padding-bottom: 20px;}
table tfoot td {text-align: left;}
.invoice-index table.bordered tr td.index-table-total {text-align: right;}
.invoice-index .bordered th.index-table-total {text-align: right;}
table tbody tr td {text-align: left;}
table.case-details td.total {font-weight: 600;}
.invoice-details .col_name{display: inline;font-weight: 600;}
.col_value{display:inline;}
.right-align{text-align:right;}
.invoice-index {margin-top: 7px;}
.invoice-index .grid-view{ border: 1px solid #ccc; border-radius: 5px;background-color: #fff;}
.middle_wrapper .invoice-index .section-1{padding-bottom:13px;}
.invoice-index table.bordered tr td{border-bottom: 1px solid #ccc;padding: 10px;}
.invoice-table-format table.case-details{font-size: 13px;border: 1px solid #ccc; background-color: #fff;border-radius: 5px;width:100%;border-left: 0;border-right:0;border-top: 0;}
.invoice-table-format table.case-details tfoot tr td:first-child { border-bottom: 0 none;}
.invoice-table-format table.case-details thead tr th{ border-bottom: 1px solid #ccc;text-align: center; border-right: 1px solid #ccc;border-top:0; border-left:0;background-color: #e0dfdd; padding: 10px;}
.page-clients-invoices-view .invoice-table-format table.case-details thead tr th{text-align: right;border-right: 0;}
.page-clients-invoices-view .invoice-table-format table.case-details tbody tr td{text-align: right;border: 1px solid #ccc;border-right: 0;vertical-align: top;}
.page-clients-invoices-view .invoice-table-format table.case-details tbody tr td:nth-child(1),.page-clients-invoices-view .invoice-table-format table.case-details tbody tr td:nth-child(7){text-align: left;}
.page-clients-invoices-view .invoice-table-format table.case-details thead tr th:nth-child(1){text-align: left;width: 49%;}
.page-clients-invoices-view .invoice-table-format table.case-details thead tr th{text-align: right;}

.invoice-details{margin-bottom: 20px;position: relative;}
.invoice-index .bordered th{text-align: left;}
.invoice-table-format table.case-details tr.last-row td:nth-child(1) {border-bottom-left-radius: 5px;}
.invoice-table-format table.case-details tr.last-row td:nth-child(3) {border-bottom-right-radius: 5px;}
.invoice-table-format{margin-bottom: 20px;border: 1px solid #ccc;}
.invoice-table-format .invoice-notes-to-client{text-align: center;padding: 10px 10px 10px;border-top: 1px solid #ccc;font-weight: 600;}
.invoice-table-format table.case-details td{border:0;padding: 10px;}
.tr-notes-border{border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.Invoice_right_few_details, .Invoice_right_few_details th, .Invoice_right_few_details td{border: 1px solid #ccc;}
.invoice-left-details{float:left;width:50%;}
.invoice-right-details{float:right;width:50%;text-align: right;}
.invoice-right-details .Invoice_right_few_details{width: auto;margin-right: 0px;margin-left: auto;}
.Invoice_right_few_details tr td:first-child{padding:5px 20px 5px 5px;text-align:left;font-weight: 600; background-color: #e0dfdd;}
.Invoice_right_few_details tr td:nth-child(2){padding:5px 5px 5px 20px;text-align:right;}
.invoice_client_logo{height:114px;max-height:114px;margin-bottom: 10px;}

.invoice_client_logo img {
    /*max-width: 300px !important;*/
    width: auto !important;
}

.Invoice_Boundary{border: 1px #ccc solid;margin-bottom:20px; background-color: #fff;}
.invoice-table-format table.net-table-details {float: right; width: 50%;}
.table-total-amount td { padding: 5px 10px;text-align: right;border-left: 0;}
.table-total-amount tr.line-diveder{border-top: 1px #ccc solid;}
.table-total-amount tr.line-diveder.balance-due-row{background-color: #ccc;border-top: 4px double #000;border-left: 1px solid #ccc;}
.table-total-amount tr.line-diveder.balance-due-row .total {padding: 10px;}
.Invoice-boundary-details{padding: 35px 55px 10px}
.Invoice-boundary-details .invoice-faded-text{color: #000;font-size: 25px;font-weight: bold;padding: 10px 0;text-align: center;text-transform: uppercase;}
.view_invoice_heading {margin-bottom: 30px;margin-top: 2px;}
.invoice-create .invoice-client #client-email {padding-bottom: 10px;}
.page-clients-invoices-create .invoice_email h2,.page-clients-invoices-update h2{padding: 10px 0 2px;}
.PopUp_heading{margin-bottom:10px;text-align: center;}
.thick_line{border-bottom:2px solid #334463;margin-bottom: 20px; margin-top:25px;}
.popup-form-elements .row1 .txt_bx .submitbutton {margin-right: 5px;}
.footer-from-address{text-align: center;}
.invoice-details .bill-from-name{font-weight: 600;color: #263959;font-size:18px;}
.invoice-bill-to{padding-top: 15px;}
.invoice-place-supply{padding-top: 15px;}
.invoice-bill-to .bill-to-heading, .invoice-bill-to .bill-to-name{font-weight: 600;font-size: 18px;color: #263959;}
.invoice-footer-details .bill-from-name{font-weight:600;font-size:18px;}
.bill-to-heading{font-weight:bold;font-size:24px;}
.sprite.icon-delete-item{background-position: -72px -12px;width: 14px;}
.sprite.icon-edit-item {background-position: -97px -12px;width: 25px;}
.sprite.view_icon{ackground-position: -300px -111px;height: 20px;}
.invoice-main-wrapper .alert.alert-success,.invoice-main-wrapper .alert-danger {margin-top: 32px;}
.invoice-main-wrapper .bordered th{text-align: center;}
div.selector select option,div.selector span{font-size: 14px;font-family: "Open Sans",sans-serif;}
.sprite.icon-view-invoice{background-position:-270px -142px;width: 16px;}
.view_invoice_heading  .view_invoice_title{ display: inline-block; vertical-align: middle; width:50%;}
.view_invoice_heading .invoice-more-buttons{display: inline-block;text-align: right;vertical-align: middle; width: 49%;}
.view_invoice_heading .invoice-more-buttons p{margin-bottom: 0;}
.view_invoice_heading .view_invoice_title{color: #263959;font-size: 19px;}
.view_invoice_title{font-weight:600;font-size:24px;}
.invoice-more-buttons p a {margin-left: 10px;transition: none;}
.invoice-more-buttons p a:focus{color:#fff;}
.invoice-index .page-title{ display: inline-block;float: left;margin: 0;padding:5px 0 0; vertical-align: middle;}
.invoice-index .create-invoice{display: inline-block;float: right;margin: 0;padding: 0; vertical-align: middle;}
.hideRow{display: none;}  
#client-details .client-label{width:67px;vertical-align: top;text-align: left;}
#client-details .client-text{width:100%;display: inline-block;vertical-align: top;margin: 0 10px;}
#client-details .client-email label, #client-details .client-poc label{cursor:pointer}
/*.invoice_line_tem_type{width:35%}*/
body.page-clients-invoices-create .invoice_line_tem_type .invoice_cell_quantity{display: block;}
span.disableInputs{ text-align: right; padding-right: 10px; display: block; }
body.page-clients-invoices-update .invoice_line_tem_type .invoice_cell_quantity{display: block;}

.invoice_line_tem_type .invoice_cell_quantity {display: inline-block;vertical-align: top;}
.invoice-table-format table.case-details tbody tr{border-bottom: 1px solid #ccc;}
.invoice_line_tem_type .invoice_cell_type {display: inline-block;width:39%;vertical-align: top;}
.invoice_line_tem_type .hourly_wrap {display: inline-block;width: 59%;}
.invoice_cell_tax {display: inline-block;width: 67%;vertical-align: top;}
.invoice_tax_sec {width: 25%;}
.invoice_cell_tax_percentage{ display: inline-block; width:30%;}
.client-invoice thead tr th label{font-size:12px;}
.client_notes .field-invoice-notes_to_client {text-align: left;}
.invoice-form .Row4{ margin-top: 12px;}
.invoice-payment {padding: 20px;margin-bottom: 30px;}
.payment-history {padding-bottom: 20px;padding-top: 20px;}
.invoice-form {border: 1px solid #d2d2d2;background-color: #fcfcfc;border-radius: 4px;box-shadow: 0 0 10px #dedede;padding: 35px 20px; margin: 0;}
.payment-row{display: table;margin-bottom: 15px;width: 51%;}
.payment-row .lbl{display: table-cell;padding:0px 10px 0 0;text-align: right;vertical-align: middle;width:35%;}
.payment-row .lbl.vertical-alignment{padding:10px 10px 0 0;vertical-align: top;}
.payment-row .txt_bx{display: table-cell; width: auto;}
.payment-form{margin-bottom: 20px;padding-top: 20px;}
.payment-history .grid-view{ border: 1px solid #ccc; border-radius: 5px;margin-top: 10px;}
.payment-history table.bordered tr td{border-bottom: 1px solid #ccc;padding: 10px;}
.payment-history table.bordered tr td:nth-child(3){word-break: break-all;}
.payment-history table.bordered{table-layout: fixed;}
.net-balance{font-size: 13px;text-align: left;padding-bottom: 15px;}
.payment-row .txt_bx .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 97% 15px;height: 45px;}
.payment-row .txt_bx input[type="text"]{height: 45px;}
.payment-heading-bottom-border{border-bottom:2px solid #334463;margin-bottom:20px;}
.client-heading-border-bottom{border-bottom:1px solid #334463;padding-top:5px;}
.invoice-number{font-weight:600;font-size:18px;color:#334463;padding-bottom: 7px;}
.page-clients-invoices-index table a{color:#000; display: inline-block;}
/* Invoice Search */
.doc-advance-filter-elements.clicked{margin-top: -14px;}
.doc-advance-filter-elements.clicked input[type="text"]{color: #333;padding: 3px 10px;}
.doc-advance-filter-elements .col-md-4{display: inline-block;vertical-align: top; /*width: 30%;*/}
.doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 39%;}
/*dl.custom-dropdown { margin-bottom: 5px; }*/
.page-clients-invoices-index .doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 33.33333333%;}
.doc-advance-filter-elements .custom-dropdown dd label{width: 85%;}
.doc-advance-filter-elements .row .col-md-4{padding-bottom: 10px;}
.doc-advance-filter-elements .row .col-md-4 .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 98% 50%;}
.doc-advance-filter-elements.clicked div.selector select{top:0;}
.doc-advance-filter-elements { background: #fff none repeat scroll 0 0;border: 1px solid #fd933d;margin:10px 0 30px;padding:20px 20px 10px;}
.page-clients-invoices-index .custom-dropdown dt a {line-height: 19px;}
.middle_wrapper .section-1 .left {word-break: break-word;width: auto;}
.middle_wrapper .section-1 .right {width: 72.5%;vertical-align: top;padding-top: 4px;}
.client_search {border: 1px solid #fd933d;display: inline-block;height: 35px; padding: 6px 0;vertical-align: top;position: relative;top:0px;right: 0;margin-left: 5px;}
.client_search span{color: #de972b; cursor: pointer; font-size: 14px;padding: 8px 10px 9px; transition: all 1s ease-in-out 0s;}
.client_search span:hover{background: #fd933d;color: #fff;transition: all 1s ease-in-out 0s;}
.client_search.clicked{background-color: #fff; border-bottom: none; height: 50px;}
.page-clients-invoices-index .custom-dropdown dd ul{height:168px;}
.page-clients-invoices-index .mutliSelect ul li {padding: 5px 3px;}
.page-clients-invoices-index .sprite.download_icon {background-position: -193px -77px;}
.payment-contant-wrapper {    background-color: #fff;border: 1px solid #ccc;border-radius: 5px;}
.invoice-client-name {padding: 20px;}
.table-total-amount{width:50%;float:right;border: 1px solid #ccc;border-top: 0;border-right:0;}
.document-search-filter-btns .submitbutton {margin-right: 6px;}

.invoice-create .client-invoice td:nth-child(1) {width:20px;}
.invoice-create .client-invoice td:nth-child(2) {width: 375px;}
.invoice-create .client-invoice td:nth-child(3) {width:85px;}
.invoice-create .client-invoice td:nth-child(4) {width: 123px;}
.invoice-create .client-invoice td:nth-child(5) {width:144px;word-break: break-all;text-align: right;}
.invoice-create .client-invoice td:nth-child(6) {width: 75px;}
.invoice-create .client-invoice th:nth-child(4), 
.invoice-create .client-invoice th:nth-child(3), 
.invoice-create .client-invoice th:nth-child(6){text-align: right;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.line-total-right.td-linetotal-0 {text-align: right;}
.invoice-create .client-invoice tr th.action_th{text-align: left;}
.invoice-draft{background: #fff url("/themes/app/images/Draft.png") no-repeat scroll 0 0;}
.invoice-sent{background: #fff url("/themes/app/images/Sent.png") no-repeat scroll 0 0;}
.invoice-paid{ background: #fff url("/themes/app/images/Paid.png") no-repeat scroll 0 0;}
.invoice-draft-partially-paid{background: #fff url("/themes/app/images/Draft-Partially.png") no-repeat scroll 0 0;}
.invoice-partially-paid{background: #fff url("/themes/app/images/Partially-Paid.png") no-repeat scroll 0 0;}
.invoice-unpaid{background: #fff url("/themes/app/images/unpaid.png") no-repeat scroll 0 0;}
.page-clients-invoices-payment .view_invoice_heading .view_invoice_title{display: inline-block;width:50%;}
.page-clients-invoices-payment .view_invoice_heading .invoice-more-buttons{display: inline-block;width: 48.5%;}
.page-clients-invoices-payment .invoice-more-buttons p a{margin-right: 0;}
.loading-icon{height:auto;}
div.selector select{width:99%!important;}
.showAllInvoiceTotals{float:right;padding: 10px;background-color: #fff;margin-top: 10px;}
.InvoiceTotalBar{border-left:2px solid #ccc;padding: 0px 10px 0px 0px;}
.InvoiceTotalsLabel{padding-right: 0px;}
.page-clients-invoices-index .invoice-index table.bordered tr td:nth-child(1) {width: 2%;}
.invoice-index table.bordered tr td:nth-child(2) {width: 18%;}
.invoice-left-details .invoice-bill-from{min-height: 91px;}
.invoice-left-details .invoice-bill-from, .invoice-left-details .invoice-bill-to {text-align: left;}
.invoice-bill-from .bill_name, 
.invoice-bill-to .bill_name {font-weight: 600;color: #263959;font-size:15px;}
.invoice-place-supply .bill_name {font-weight: 600;color: #263959;font-size:15px;}
.page-clients-invoices-index .popup-wrapper .popup-close span{top: -30px; right: -30px;}
.page-clients-invoices-index .popup-wrapper .popup-content .invoice_type label {padding-right: 10px;vertical-align: top;}
.page-clients-invoices-index .popup-wrapper .client_email_mobile .lbl{vertical-align: top;}
.page-clients-invoices-index .popup-wrapper .client_email_mobile textarea{height:120px;}

.bill_label { font-weight: 700; }

/* START: Invoice Reminder Pop Up */
.invoice_type{margin-bottom:15px;}
.invoice_sms_message{width:100%;}
.invoice_reminder .btn_group{margin-top:15px;}
.sms_type .no_mobile_no, .email_type .no_email{text-align:center;}
.invoice_email .poc_div label, .invoice_email .client_div label{cursor: pointer;vertical-align: text-top;}
/* END: Invoice Reminder Pop Up */

/* Start: Newly added css */
.client-invoice input[type ="text"] {border: none;}
.linetotal {padding: 5px 10px;}
.textarea_field{padding-top: 5px;}

/*remainder css*/
.invoice_email .poc_div{margin-bottom: 5px;}
.invoice_email .row1{padding-bottom: 15px;}
.invoice_email .row1 .remonder_default_message{font-weight: 600;display: inline-block;padding-bottom: 10px;font-size: 14px;}

/* End: Newly added css */

.client_details_row{margin-top:10px;}
.client-label label span{color:#ff0000;}
.invoice-create .invoice_details .Invoice-billing-address span.lbl{width: 47.7%;}
.invoice-create .invoice_details .Invoice-billing-address .field-invoice-user_address_id{float: right;}
.client_notes_wrapper .invoice_signature_image{max-width: 111px;margin: auto;}
.client_notes_wrapper .invoice_signature_image img{width: 100%;}
.client_notes_wrapper .include_signature_row label{font-weight: normal;}

.page-clients-invoices-index table.dataTable thead th, 
.table.dataTable.no-footer{border-bottom: none;}

/*Dropdow ajax style*/
.invoice-form .create-client{
    vertical-align: top;
    display: inline-block;
    padding-top: 6px;
}
.invoice-form .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: none;
}
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection:focus,
.select2-container--krajee .select2-dropdown{
    border-color: rgb(204, 204, 204)!important;
    box-shadow: none!important;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    background-color: #334463!important;
}
.select2-container--krajee .select2-results__option[aria-selected=true]{
    background-color: rgb(68, 104, 163)!important;
    color: #fff!important;
}
.invoice-form .select2-container--krajee.select2-container--open .select2-selection,
.invoice-form .has-success .select2-container--krajee.select2-container--focus .select2-selection,
.invoice-form .has-success .select2-container--krajee .select2-selection,
.advance-filter-elements .select2-container--krajee.select2-container--open .select2-selection{
    border-color: rgb(204, 204, 204);box-shadow: none;
}
.invoice-form .select2-container--krajee .select2-selection--single{
    padding-right: 45px;
}
.invoice-form .client-email,.client_details_row{display: table;}
.invoice-form .client-email input[type="checkbox"] {position: relative;  margin-right: 5px; top: -2px;}
.invoice-form .client-email > *,
.invoice-form .client_details_row > *{
    display: table-cell;
}
.advance-filter-elements .select2-container .select2-search--inline,
.advance-filter-elements .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    float: none;
    width: 100%!important;
    height: 40px;
}
.advance-filter-elements .select2-container--krajee .select2-selection--multiple .select2-selection__choice{
    max-width: 163px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float:none;
}
.invoice-client .create-client{cursor:pointer;}

/* START: Import Timesheets/Expenses */
.import_expenses_timesheets{margin-bottom: 20px;}
.greenButton{
    background: #5cb85c none repeat scroll 0 0;border: 0 none;border-radius: 3px;color: #fff;
    cursor: pointer;display: inline-block;padding: 8px 15px;line-height: normal;
}
.greenButton:hover{background:#7cda7c none repeat scroll 0 0;text-decoration: none;color:#fff; transition: all 1s ease-in-out 0s;}

.redButton {
    background: #df6c6f none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px;
    line-height: normal;
}
.popup-wrapper .advance-filter-elements .custom-dropdown-wrapper{ width: 100%; }
.popup-wrapper .case-advance-search-filter-btns{ margin-top: 18px; clear: both; display: block;}
.popup-wrapper .case-advance-search-filter-btns label{ display: none; }
.popup-wrapper .advance-filter-elements{ margin-bottom: 20px; }

.popup-content .my-timesheet .custom-dropdown-wrapper,
.popup-content .my-expenses .custom-dropdown-wrapper{width:100%;}

.field-casefeereceivedsearch-filter_payment_method{
    margin-top: 18px;
}
.field-caseexpensessearch-filter_payment_method{
    margin-top: 18px;
}
.advance-filter-elements .custom-dropdown dt a{
    padding-top: 9px;
    min-height: 40px;
}
.my-expenses .action-btns label{
    display: none;
}
.popup-wrapper.import-wrapper{
    top: 50%!important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    max-height: 90%;
}
.popup-wrapper.import-wrapper table{
    border-collapse: collapse;
}
.popup-wrapper.import-wrapper table thead tr th:first-child{
    width: 15px;
}
.popup-wrapper.import-wrapper table tr td{
    width: auto;
}
.popup-wrapper.import-wrapper .section-1{
    margin-right: 5px;
    margin-bottom: 20px;
}
.popup-wrapper.import-wrapper .section-1 .right{
    text-align: right;
}
.submitbutton.import_timesheets, .greenButton.import_expenses, .redButton.import_hearingdates{
    /* padding: 5px 10px; */
    padding: 8px 38px 9px 10px;
}
.page-clients-invoices-create .redButton.import_hearingdates,
.page-clients-invoices-update .redButton.import_hearingdates{ background: #000000;  }
.page-clients-invoices-index .open-export-elements.clicked{
    margin-top: -14px;
}
.page-clients-invoices-update .popup-content .grid-view,
.page-clients-invoices-create .popup-content .grid-view{
    border: none;
}
.page-clients-invoices-update .popup-content .grid-view table,
.page-clients-invoices-create .popup-content .grid-view table{
    border: 1px solid #ccc;
}
.page-clients-invoices-update .popup-content .tbl-list-select,
.page-clients-invoices-create .popup-content .tbl-list-select{
    width: auto;
}
.page-clients-invoices-create .popup-content .advance-filter-btn.clicked{
    margin-bottom: -2px;
}

.page-clients-invoices-create .my-hearingdates .section-1,
.page-clients-invoices-update .my-hearingdates .section-1 { margin: 0 5px 20px 0; }
.page-clients-invoices-create .my-hearingdates .case-advance-search-filter-btns,
.page-clients-invoices-update .my-hearingdates .case-advance-search-filter-btns { display: block; margin: 20px 0 0; }
.page-clients-invoices-create .my-hearingdates .select2-container--krajee .select2-selection--single .select2-selection__arrow,
.page-clients-invoices-update .my-hearingdates .select2-container--krajee .select2-selection--single .select2-selection__arrow { border-left: none; }
.page-clients-invoices-create .my-hearingdates .select2-container--krajee .select2-selection--single,
.page-clients-invoices-update .my-hearingdates .select2-container--krajee .select2-selection--single { padding: 6px 47px 6px 12px; }
.page-clients-invoices-create .popup-content .advance-filter-btn,
.page-clients-invoices-update .popup-content .advance-filter-btn { margin-top: -25px; }


/* END: Import Timesheets/Expenses */


/* Bills/View Page CSS Start */

.page-bills-view .Invoice-boundary-details .invoice-faded-text { padding: 10px 0 14px; }
.page-bills-view .invoice-table-format table.case-details td { padding: 10px; text-align: right; border: 1px solid #ccc; border-right: 0; vertical-align: top; }
.page-bills-view .invoice-table-format table.case-details td:nth-child(1) { border-left: none; text-align: left; }
.page-bills-view .invoice-table-format table.case-details thead tr th:nth-child(1) { width: 50.05%; text-align: left; }
.page-bills-view .invoice-table-format table.case-details thead tr th { text-align: right; }
.page-bills-view .bill-attachments-listview table.bordered tr td { border-bottom: 1px solid #ccc; padding: 10px; }
.page-bills-view .bill-attachments-listview table.bordered { border: 1px solid #ccc; border-radius: 5px; margin-top: 10px; border-bottom: 0; }

.page-bills-view .popup-form-elements.bill_attachment_popup table thead tr { border: 1px solid #ccc; }
.page-bills-view .popup-form-elements.bill_attachment_popup table thead tr th { padding: 10px; }
.page-bills-view .popup-form-elements.bill_attachment_popup table td:nth-child(1) { width: 35px; }

/* Bills/View Page CSS End */

#uniform-invoice-client_id{display: none;}
#uniform-invoice-case_id{display: none;}
.client_case_dropdown select { 
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    outline: 0; }
.client_case_dropdown select option { 
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px;
    font-size: 16;
    outline: 0; }

.client_case_dropdown select[multiple] {padding: 0;}
.client_case_dropdown select[multiple] option {border: 0 none; padding:4px 24px 4px 12px; overflow: hidden; text-overflow: ellipsis; border-radius: 0;}

body .select2-container--krajee-bs3 .select2-selection--single {height: 35px;}
body .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {line-height: normal;}
body .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {height: 33px;}
.view-case-row {cursor: pointer;}

.custom-dropdown.white-dropdown dt a {background-position: center right 10px; background-repeat: no-repeat; cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMAKdNk4NzWkHZRSc26tZeKgHxqPjkvGxgPDRuoQjYAAABJSURBVAjXlYxHDgAhDAOdhL69L///KEIIwZW5uEg2hni25i3hn21N6xKBl4+S9unLQkqyiKZSXyoAQd915A0R+3Z5GhZ0OIdxErPXAYXCJtRPAAAAAElFTkSuQmCC"); background-color: #fff; color: #333333; border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; padding: 11px 35px 8px 10px!important;}
.custom-dropdown.white-dropdown dd ul {background-color: #fff; border: 1px solid #ccc;}
.custom-dropdown.white-dropdown dd label {color: #333333;}
.custom-dropdown.white-dropdown .dd-close::before {background-position: -145px -212px; background-color: #fff;}
.custom-dropdown.white-dropdown .mutliSelect input[type="text"] {border: 1px solid #ccc;}

/*invoice signature*/
.invoice-foot {
    display: flex;
    width: 100%; flex-wrap: wrap; gap:20px;
}
.invoice-foot-left {flex:100%;}
.invoice-foot-right {
  width: 130px; margin-left: auto;
}
/*invoice signature*/

@media only screen and (min-width:1350px){
    .invoice-index table.bordered tr td.invoice-actions-section { width: 15%; }
}

@media only screen and (max-width:1023px){
    .thick_line{margin-top: 10px;}
    .view_invoice_heading .view_invoice_title h1{margin-bottom: 0;margin-top: 0;}
    .invoice-create .page-title {padding-bottom: 20px;}
}

@media only screen and (max-width:912px){
    /*zoomin style*/
    .invoice-create .invoice_details .Invoice-billing-address div.txt_bx{
        margin-left: 6px;
    }
    /*zoomin style end*/ 
}
@media only screen and (max-width:768px){
    /*.page-clients-invoices-update .popup-content .my-hearingdates .grid-page-last-row .pagination,
    .page-clients-invoices-create .popup-content .my-hearingdates .grid-page-last-row .pagination {
        padding: 20px 0px;    
    }*/
}
@media only screen and (max-width:767px){
    .invoice-index table.bordered thead tr th{display: none;}    
    .invoice-index table.bordered.no-results tr td::before{content: attr(data-th) " ";}
    .invoice-index table.bordered tr td::before {display: block; font-weight: 600;content: attr(data-th) ": ";}
    .invoice-index table.bordered tr td::after {content: "";display: block; height: 100%;position: absolute;top: 0; width: 1px;}
    .invoice-index table.bordered tr td {display: block; min-height: 40px;position: relative; width: 100%;text-align: left;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
    .invoice-index table.bordered tr td:first-child { border-left: 1px solid #ddd; border-top: 1px solid #ddd;}    
    .invoice-table-format table.case-details thead tr th{display: none;}
    .invoice-table-format table.case-details tbody tr td{width:100%;display: block;text-align: left;}
    .invoice-table-format table.case-details tbody tr td::before{content:attr(data-th) ": ";display: block;font-weight: 600;}
    .invoice-table-format table.case-details tfoot tr td:nth-child(1),.invoice-table-format table.case-details tfoot tr td:nth-child(2){display: none;}
    .invoice-table-format table.case-details tfoot tr td:nth-child(3)::before{content:attr(data-th) ": ";display: block;font-weight: 600;}
    .invoice-table-format table.case-details tfoot tr td{width:100%;display: block;text-align: left;}
    .invoice-table-format table.case-details tbody tr td:nth-child(2){position: relative;padding-top: 40px;}
    .invoice-table-format table.case-details tbody tr td:nth-child(2)::after {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc; content: "Hourly Price";font-weight: 600;left: 0; padding:3px 10px;position: absolute;text-align: left;top: 5px;width: 100%;background-color: #e0dfdd;}
    .invoice-table-format table.case-details tbody tr td:nth-child(5){padding-top: 40px; position: relative;}
    .invoice-table-format table.case-details tbody tr td:nth-child(5)::after {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc; content: "Fixed Price";font-weight: 600;left: 0; padding:3px 10px;position: absolute;text-align: left;top: 5px;width: 100%;background-color: #e0dfdd;}
    .invoice-table-format table.case-details tbody tr td:nth-child(7){padding-top: 40px; position: relative;}
    .invoice-table-format table.case-details tbody tr td:nth-child(7)::after {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc; content: "Tax";font-weight: 600;left: 0; padding:3px 10px;position: absolute;text-align: left;top: 5px;width: 100%;background-color: #e0dfdd;}
    .invoice-table-format table.case-details tbody tr td:nth-child(8){padding-top: 40px; position: relative;}
    .invoice-table-format table.case-details tbody tr td:nth-child(8)::after {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc; content: "Line Total";font-weight: 600;left: 0; padding:3px 10px;position: absolute;text-align: left;top: 5px;width: 100%;background-color: #e0dfdd;}
    .page-clients-invoices-index .list-page-last-row{padding: 0 0 15px;}
    .invoice-create .client-invoice thead tr th{display: none;}
    .invoice-create .client-invoice tbody tr td:before{content: attr(data-th) ": ";display: block; font-weight: 600;}
    .invoice-create .client-invoice tbody tr td{display: block;text-align: left;width: 100%;border-left: 0;padding: 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
    .invoice-create .client-invoice tbody tr td:nth-child(3),.invoice-create .client-invoice tbody tr td:nth-child(5){width:100%;text-align: left;}
    .invoice-create .client-invoice tbody tr td:nth-child(6) {margin-bottom: 15px;border-bottom: 1px solid #ccc;}
    .invoice-create .client-invoice td:nth-child(6) { width: 100%; }
    .invoice-create .Row3-Left{width: 30%;}
    .invoice-create .client-invoice{border-top: 0;padding: 15px;}
    .invoice_cell_tax{width: 48%;padding-right: 10px;vertical-align: top;}
    .invoice-create .client-invoice tbody tr td .col-percentage {padding-top:0px;width:50%;}
    .invoice-create .invoice-client .client-select label.control-label,.invoice-create .invoice-client .client-select .selector{display: block;width:100% !important;margin: 0;}
    .invoice-create .invoice_details .invoice-no span.lbl,.invoice-create .invoice_details .invoice-no div.txt_bx{display: block;width:100% !important;margin: 0;}
    .invoice-create .invoice_details .invoice-issue-date span.lbl,.invoice-create .invoice_details .invoice-issue-date div.txt_bx{display: block;width:100% !important;margin: 0;}
    .invoice-create .invoice-client{padding:0 0 10px;float: none;width:100%;}
    .invoice-create .invoice_details{float: none;width:100%;padding:0 0 17px;}
    .invoice-create .invoice-client .add-client-popup-link a{padding-bottom: 5px;}
    .invoice-create .invoice_details .invoice-issue-date .hasDatepicker{background-position: 97% 8px;}
    .invoice-create .invoice_details .invoice-no { display: inline-block;padding-right: 10px;width: 49%;vertical-align: top;padding-bottom: 0;}
    .invoice-create .invoice_details .invoice-issue-date {display: inline-block;width: 50%;vertical-align: top;padding-bottom: 0;}
    .invoice-create .invoice-client span.lbl{display: block;width:100% !important;margin: 0;text-align:left;}
    .invoice-create .invoice_details .invoice-no span.lbl,.invoice-create .invoice_details .invoice-issue-date span.lbl{text-align:left;}
    .invoice-create .invoice-client span.txt_bx{display: block;width:100% !important;margin: 0;}
    .invoice-create .client-invoice tbody tr td.text-center.td-linetotal-0 {width: 100%;}
    .client_notes{width: 90%;}
    .invoice-create .invoice_details .invoice-no span.lbl{padding-top: 0;}
    .invoice-right-details{float: none;width:100%;}
    .invoice-details .invoice-left-details.no_logo {width: 100%;padding-bottom: 10px;}
    .invoice-left-details{}
    .invoice-right-details{padding-top: 15px;}
    .invoice-right-details .invoice_client_logo {position: absolute;right: 0; top: 0;}
    .invoice-right-details .Invoice_right_few_details{margin-left: 0;text-align: left;width: 100%;}
    .popup-form-elements.invoice_email .row1 .lbl{display: block;padding-bottom: 5px;text-align: left;width: 100%;}
    .popup-form-elements.invoice_email .row1 .txt_bx{display: block;width: 100%;}
    .invoice_line_tem_type .invoice_cell_type {width:50%;}
    .invoice_line_tem_type .invoice_cell_quantity{width:59%;}
    .invoice-create .client-invoice tbody tr td .units-value{width:100%;}
    .invoice_line_tem_type .invoice_cell_type{width:39%;}
    .invoice_line_tem_type .hourly_wrap{text-align: right;width: 59%;}
    .invoice-create .client-invoice tbody tr td .time-cal{padding-left: 10px;}
    .invoice-create .client-invoice tbody tr td .time-cal:first-child {padding-left: 0;}
    .invoice-create .Row3-Right{width:50%;}
    #client-details .client-label,#client-details .client-text{display: block;padding:0;margin: 0;text-align: left;}
    .popup-form-elements.invoice_email .row1:nth-child(4) .lbl {display: none;}
    
    .page-clients-invoices-update .popup-form-elements.invoice_email .row1:nth-child(4) .lbl,
    .page-clients-invoices-create .popup-form-elements.invoice_email .row1:nth-child(4) .lbl {display: block;} 
    .page-clients-invoices-update .multi_checkbox_actions .attachment-grid-view .tbl-list-select,
     .page-clients-invoices-create .multi_checkbox_actions .attachment-grid-view .tbl-list-select { padding: 0 0 10px 0px; }
    
    .invoice-index .no-results table.bordered tr td::before {content: "";}
    .payment-row .lbl,.payment-row .txt_bx{display: block;width: 100%;text-align: left;}
    .payment-row .lbl.vertical-alignment{padding: 0;}
    .client_notes {width: 100%;}
    .invoice-index table.bordered tr td:last-child {}
    .invoice-index table.bordered {display: table; padding: 15px;table-layout: fixed;}
    .invoice-index .grid-view {background-color: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 0;position: relative;}
    .invoice-create .client-invoice{border-top:1px solid #ccc;}
    .page-clients-invoices-create .invoice-create .client-invoice td:nth-child(2),.page-clients-invoices-create .invoice-create .client-invoice td:nth-child(4),.page-clients-invoices-create .invoice-create .client-invoice td:nth-child(5){width: 100%;text-align: left;}
    .invoice-form{padding-top: 10px;}
    .doc-advance-filter-elements .col-md-4{width: 49.5%;}
    .doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 100%;}
    .view_invoice_heading .view_invoice_title{width: 46%;}
    .view_invoice_heading .invoice-more-buttons{width: 100%;}
    .invoice-index table.bordered tr td.index-table-total {text-align: left;}
    .page-clients-invoices-view .invoice-table-format table.case-details tbody tr td{text-align: left;}
    .view_invoice_heading .view_invoice_title{padding-bottom: 10px;}
    .page-clients-invoices-view .invoice-table-format table.case-details tbody tr td{border: 0;border-left: 1px solid #ccc;border-right:1px solid #ccc;}
    .invoice-create .client-invoice tbody tr td:nth-child(6){text-align: left !important;}
    .payment-history table.bordered tr th{display: none;}
    .payment-history table.bordered tr td{display: block;width: 100%;border-left: 0;border:1px solid #ccc;border-bottom: 0;}
    .payment-history table.bordered tr td:nth-child(4) {text-align: left !important;}
    .payment-history table.bordered tr td::before {content: attr(data-th) ": ";font-weight:600;display: block;}
    .payment-history table.bordered tbody tr td:nth-child(6){margin-bottom:15px;border-bottom: 1px solid #ccc;}
    .payment-history table.bordered {margin: 15px auto 15px;table-layout: fixed;width: 100%;padding: 0 15px;}
    .payment-history .grid-view{background-color: #fff;}
    .payment-history table.bordered tr td:first-child{}
    
    .invoice-create .client-invoice td:nth-child(4),.invoice-create .client-invoice td:nth-child(2){width:100%;}
    /*.page-clients-invoices-index .invoice-index table.bordered tr td:nth-child(1) {width: 18%;}*/
    .invoice-index table.bordered tr td:nth-child(2) {width: 18%;}
    /*.page-clients-invoices-index .invoice-index table.bordered tr td:nth-child(1),.invoice-index table.bordered tr td:nth-child(2){width:100%;}*/
    .invoice-index .grid-view table.bordered tr:nth-child(even) {background:hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}
    .invoice-index .grid-view table.bordered tr:nth-child(add) {background:#fff;}
    /*.client-invoice tbody tr:nth-child(even) {background:hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}*/
    .invoice-create .client-invoice tbody tr td div.selector{ background: #fff url("/themes/app/images/select-arrow.png") no-repeat scroll 96% 55%;}
    .client-invoice tbody tr{border-bottom: 15px solid #fff;display: block;}
    .invoice-create .client-invoice tbody tr td:nth-child(6){margin-bottom: 0;}
    /*.invoice-index .grid-view table.bordered tr{border-bottom: 15px solid #fff;display: block;}*/
    .invoice-index .grid-view table.bordered tr:last-child {border-bottom: 0;}
    .invoice-index .grid-view table.bordered thead tr {border: 0;}
    .invoice-table-format{border:0;}
    .invoice-table-format table.case-details tbody tr {border-bottom: 20px solid #fff;}
    .invoice-table-format table.case-details tbody tr:last-child{border-bottom: 0;}
    .table-total-amount{border-right: 1px solid #ccc;}
    .invoice-table-format table.case-details tbody tr td:first-child{border-top: 1px solid #ccc;}
    .invoice-table-format table.case-details tbody tr td:last-child{border-bottom: 1px solid #ccc;}
    .page-clients-invoices-index .middle_wrapper .section-1 .left h2 {padding: 0 0 15px;}
    .invoice-create .page-title {padding-bottom: 29px;padding-top: 6px;}
    .view_invoice_heading {margin-bottom: 19px; margin-top: 6px;}
    .view_invoice_heading .view_invoice_title {padding-bottom: 20px; }
    .page-clients-invoices-update .view_invoice_heading .view_invoice_title {padding-bottom: 8px;}
    .page-clients-invoices-create .invoice_email h2, .page-clients-invoices-update h2 {padding: 0 0 2px;}
    .page-clients-invoices-payment .view_invoice_heading .view_invoice_title {padding: 0;}  
    .table-total-amount{width:100%;}
    .invoice-table-format .invoice-notes-to-client{text-align: left;    padding-left: 0;padding-right: 0;}
    .table-total-amount tr.line-diveder.balance-due-row{border: 1px solid #ccc;}
    .invoice-create .invoice-client #client-email{padding-bottom: 0;}
    .page-clients-invoices-index .popup-wrapper .field-invoicereminder-type{padding-top: 10px;}
    
    .invoice-create .client-invoice td:nth-child(1) {width: 100%;}
    .invoice-create .client-invoice tbody td:last-child{margin-bottom: 0;width:100%;}
    .client-invoice tbody tr td:nth-child(3) .unit_fields {padding-left: 0px;  width: 100%;}
    .invoice-index table.bordered tr td,
    .page-clients-invoices-index .invoice-index table.bordered tr td:nth-child(1), 
    .invoice-index table.bordered tr td:not(.checkbox_td){ width: auto; }
    .invoice-form .create-client{padding-bottom: 6px;}

    .invoice_client_logo img { max-width: 110px !important; }


    .page-clients-invoices-update .popup-wrapper.import-wrapper table,
    .page-clients-invoices-create .popup-wrapper.import-wrapper table{border-collapse: separate;}
    .page-clients-invoices-update .section-2 .grid-view table.bordered tr:first-child,
    .page-clients-invoices-create .section-2 .grid-view table.bordered tr:first-child{
        padding-top: 15px;
    }
    .page-clients-invoices-update .popup-content .tbl-list-select,
    .page-clients-invoices-create .popup-content .tbl-list-select{
        margin-top: 10px;
    }
    .page-clients-invoices-create .popup-content .my-expenses .tbl-list-select,
    .page-clients-invoices-create .popup-content .my-timesheet .tbl-list-select,
    .page-clients-invoices-create .popup-content .my-hearingdates .tbl-list-select,
    .page-clients-invoices-update .popup-content .my-hearingdates .tbl-list-select { width: 100%; }
    .page-clients-invoices-update .popup-content .pagination,
    .page-clients-invoices-create .popup-content .pagination {
        margin-left: 15px;
        margin-top: 25px;
        float: right;
    }
    .tbl-list-select{
        width: auto;
    }
    .page-clients-invoices-index .list-page-last-row .pagination, 
    .page-clients-invoices-index .grid-page-last-row .pagination{
        width: auto;
        float: right;
    }
    .page-clients-invoices-create .submitbutton.import_timesheets img, 
    .page-clients-invoices-create .greenButton.import_expenses img, 
    .page-clients-invoices-create .redButton.import_hearingdates img,
    .page-clients-invoices-update .submitbutton.import_timesheets img, 
    .page-clients-invoices-update .greenButton.import_expenses img, 
    .page-clients-invoices-update .redButton.import_hearingdates img { display: none; }
    .page-clients-invoices-index .doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 49% !important;}


    /* Bills/View Page CSS Start */

    .page-bills-view .invoice-table-format table.case-details tbody tr td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
    .page-bills-view .invoice-table-format table.case-details td { padding: 10px; text-align: left; border: none; }
    .page-bills-view .invoice-table-format table.case-details td:nth-child(1) { border-left: 1px solid #cccc; }
    .page-bills-view .invoice-table-format table.case-details thead tr th:nth-child(1) { width: 100%; text-align: left; }
    .page-bills-view .invoice-table-format table.case-details thead tr th { text-align: left; }
    .page-bills-view .invoice-bill-to { margin-bottom: 15px; }
    .page-bills-view .invoice-main-wrapper .bordered thead { display: none; }
    .page-bills-view .bill-attachments-listview table.bordered { margin: 15px auto 15px; table-layout: fixed; width: 100%; padding: 0px 15px 15px; }
    .page-bills-view .bill-attachments-listview table.bordered tr { display: block; margin-top: 15px;  }
    .page-bills-view .bill-attachments-listview table.bordered tr td { border: 1px solid #ccc; padding: 10px; width: 100%; display: block; border-bottom: none; }
    .page-bills-view .bill-attachments-listview table.bordered tr td:last-of-type { border-bottom: 1px solid #ccc; }
    .page-bills-view .bill-attachments-listview table.bordered tr td:before { content: attr(data-th) ": "; font-weight: 600; display: block; }
    .page-bills-view .bill-attachments-listview table.bordered tr td:nth-child(1):before { display: none; }
    .page-bills-view .bill-attachments-listview table.bordered tr td:nth-child(2) a { overflow: hidden; text-overflow: ellipsis; max-width: 35ch; display: block; } 
    .page-bills-view .popup-content table td:last-child { border-bottom: 1px solid #ccc; }
    .page-bills-view .popup-form-elements.bill_attachment_popup table td:nth-child(1) { width: 100%; }
    .page-bills-view .popup-form-elements.bill_attachment_popup table td:nth-child(1):before { display: none; }
    .page-bills-view .popup-form-elements.bill_attachment_popup table tr { border-top: 15px solid #fff; }

    .page-bills-view .payment-history table.bordered tr  { display: block; margin-top: 15px; }
    .page-bills-view .payment-history table.bordered tr td:last-child { border-bottom: 1px solid #ccc; }
    /* Bills/View Page CSS End */
    
    .client_notes_wrapper .client_notes {display: block; margin-right: 0; width: 100%;}
    .invoice-create #create-invoice-form  .invoice-client .invoce_subject .txt_bx {margin: 0; width: 100%;}
    .invoice-create #create-invoice-form  .invoice_details label {display: block; text-align: left;}
    .invoice-create #create-invoice-form  .invoice_details .txt_bx {width: 100%; margin: 0;}
    .invoice-create #create-invoice-form .invoice-create .invoice_details .invoice-issue-date {display: block; width: 100%;}
    .invoice-create #create-invoice-form .invoice_details .invoice-no {display: block; width: 100%; padding-right: 0; padding-bottom: 10px;}
    .invoice-create #create-invoice-form .invoice_details .invoice-issue-date {display: block; width: 100%; padding-right: 0; padding-bottom: 10px;}
    
}

@media only screen and (max-width:640px){
    .payment-row{width:100%;}
}

@media only screen and (max-width:550px){
    .invoice-create .invoice-client{float: none;width:100%; padding: 0;}
    .invoice-create .invoice-client .add-client-popup-link a{padding-bottom:5px;}
    .invoice-create .invoice_details{width:100%;padding-top: 10px;}
}

@media only screen and (max-width:480px){
    .invoice-details .invoice-left-details{float: none;width:55%;overflow-wrap: break-word;}
    .invoice-details .invoice-right-details{float: none;width:100%;text-align: left; padding: 10px 0 0;}
    .page-clients-invoices-index .list-page-last-row .pagination, .page-clients-invoices-index .grid-page-last-row .pagination{text-align: left;}
    .invoice-create .invoice-client{float: none;width:100%; padding: 0px;}
    .invoice-create .invoice_details{float: none;width:100%; padding: 0 0 17px;}
    .invoice-create .invoice_details .invoice-no{float: none;width:100%;padding: 10px 0 0;}
    .invoice-create .invoice_details .invoice-issue-date{float: none;width:100%;padding: 10px 0 0;}
    .Invoice-boundary-details{padding:50px 20px 10px;}
    .invoice-details{ margin-top: 0;}
    .invoice_line_tem_type .invoice_cell_type{width: 100%;padding-bottom: 10px;}
    .invoice_line_tem_type .hourly_wrap{width: 100%;}
    .invoice-create .client-invoice tbody tr td .time-cal{width:49%;}
    .invoice-create .client-invoice tbody tr td.td-type-0 .unit_fields{width:100%;padding-left:0;}
    .invoice-create .invoice-client #client-details {padding-top: 0px;padding-bottom: 0;}
    .invoice_line_tem_type .invoice_cell_quantity{width: 100%;}
    .view_invoice_heading .view_invoice_title{width: 100%;}
    .view_invoice_heading .invoice-more-buttons{width:100%;text-align: right;}
    .invoice-form .Row3{display: table;width: 100%;}
    .invoice-create .Row3 .Row3-Left {display: table-footer-group;float: none;width: 100%;}
    .invoice-create .Row3 .Row3-Right {float: none; padding-bottom: 15px; width: 100%;}
    .doc-advance-filter-elements .col-md-4{width: 100%;display: block;}
    .middle_wrapper .section-1 .right .add_btn {margin: 0;}
    #create_invoice_email_pop_up_form .popup-form-elements.invoice_email div:nth-child(2) .lbl{width:10%;float: left}
    #create_invoice_email_pop_up_form .popup-form-elements.invoice_email div:nth-child(2) .txt_bx{width: 85%; float: left;}
    .invoice-create input.line-units[type="text"], .invoice-create input.line-amount[type="text"], .invoice-create input.line-taxpercentage[type="text"]{text-align: left;}
    .client_details_row {
        margin-top: 0px;
        padding-bottom: 7px;
    }
    .page-clients-invoices-index .open-export-elements.clicked{
        margin-top: -15px;
    }
    .page-clients-invoices-index .export_div{
        margin-right: 0px;
    }
    .page-clients-invoices-index .section-2 .grid-view table.bordered td{
        width: auto;
    }
    .page-clients-invoices-update .popup-content .pagination,
    .page-clients-invoices-create .popup-content .pagination{
        margin-top: 10px;
        float: none;
    }
    .tbl-list-select{
        width: 100%;
    }
    .page-clients-invoices-index .list-page-last-row .pagination, 
    .page-clients-invoices-index .grid-page-last-row .pagination{width: 100%;float: none;}

    .page-clients-invoices-update .popup-content .pagination,
    .page-clients-invoices-create .popup-content .pagination {
        margin-top: 10px;
    }
    .page-clients-invoices-index .doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 100% !important;}

    /* Bills/View Page CSS Start */
    .page-bills-view .Invoice-boundary-details { padding: 50px 25px 10px; }
    .page-bills-view .Invoice-boundary-details .invoice-faded-text { width: 255px; margin: 0 auto; }
    .page-bills-view .invoice-details .invoice-left-details { width: 100%; }
    .page-bills-view .popup-content table td a { max-width: 25ch; display: block; overflow: hidden; text-overflow: ellipsis; }
    /* Bills/View Page CSS End */
}

@media only screen and (max-width:425px){
    .create-invoice-div .submitbutton {margin-bottom: 10px; vertical-align: top;}
    .invoice-form .Row4 .create-invoice-div .cancelbutton:nth-child(3) {margin-left: 5px;}
    .invoice-create .client-invoice tbody tr td .time-cal{width:100%;padding: 0 0 10px;}
}

@media only screen and (max-width:414px){
    .invoice-more-buttons p {text-align: right;}
    .invoice-more-buttons p a{ margin-left: 0; margin-right: 10px;}
    .invoice-more-buttons p a.cancelbutton{padding: 8px 10px;}
    .invoice-more-buttons p a .btn{ padding: 6px 7px;}
    .invoice-more-buttons p a { border: 0 none;display: inline-block;}
    .invoice-create .Row3-Left {width: 115px;}
    .invoice-create .Row3-Right {width: 160px;}
    .view_invoice_heading .view_invoice_title{width:100%;}
    .thick_line{margin-top: 10px;}
    .total-summary-label{padding-right: 10px;}
    .create-invoice-div .btn {padding: 8px;font-size: 13px;}
    .page-clients-invoices-view .view_invoice_heading .invoice-more-buttons p a{margin: 0; text-align: center;width: 48.5%;transition: none;}
    .page-clients-invoices-view .view_invoice_heading .invoice-more-buttons p a:nth-child(1){ margin-right: 5px;}
    .page-clients-invoices-view .view_invoice_heading .invoice-more-buttons p a:nth-child(3) {margin-top: 10px;text-align: left; width: 100%;}
    .page-clients-invoices-view .view_invoice_heading .invoice-more-buttons p a:nth-child(3) input {width: 100%;}
    .invoice-index .page-title{float: none;}
    /*.page-clients-invoices-index .middle_wrapper .section-1 .right .add_btn{box-sizing: border-box;padding: 0 10px 0 0;}*/
    .page-clients-invoices-index .middle_wrapper .section-1 .right .client_search{box-sizing: border-box; padding: 0;}
    .client_search span { display: inline-block;text-align: center; width: 100%;}
    .invoice_cell_tax,.invoice-create .client-invoice tbody tr td .col-percentage{width:100%;padding: 0 0 10px;}
    .client_notes_wrapper {width: 100%;}
    .invoice-details .invoice-left-details .invoice-bill-to {width: 100%;}
    .table-total-amount{width: 100%;}
    .view_invoice_heading .invoice-more-buttons p a{}


    /* Bills/View Page CSS Start */
    .page-bills-view .view_invoice_heading .invoice-more-buttons p a { margin: 0; text-align: center; width: 48.5%; transition: none; }
    .page-bills-view .view_invoice_heading .invoice-more-buttons p a:nth-child(3) { margin-top: 10px; text-align: left; width: 98%; }
    .page-bills-view .view_invoice_heading .invoice-more-buttons p a:nth-child(3) input { width: 100%; }
    .page-bills-view .invoice-details .invoice-left-details .invoice-bill-to { width: 100%; }
    /* Bills/View Page CSS End */

}
/*Start: Nikhil responsive*/
@media only screen and (max-width: 768px){
    #client-details .client-label{width: 25%;}
    .client-invoice .sprite.remove-icon{margin-top: 20px;}
    .invoice-create .invoice_details .Invoice-billing-address span.lbl{
            width: 45.7%;
    }
    .payment-history table.bordered tr:last-child td:last-child {
        border-bottom: 1px solid #ccc;
    }
    .invoice_cell_tax{
        width: 100%;
    }
}
@media only screen and (max-width: 480px){
    .invoice-create .invoice_details .Invoice-billing-address span.lbl{
        text-align: left;
    }
    .invoice-create .invoice_details .Invoice-billing-address div.txt_bx{
        display: block;
        width: 100%;
    }
    .invoice-title > span{
        display: block;
        width: 100%;
        text-align: left;
    }
    .invoice-create .invoice-client .invoce_subject div.txt_bx{
                width: 100%;
                margin-left: 0px;
        margin-bottom: 10px;
        }
    .invoice-create .invoice_details .invoice-title div.txt_bx{
        width: 100%;
        margin-left: 0px;
    }
    .invoice-create .invoice_details .invoice-no, .invoice-create .invoice_details .invoice-title{
        padding-bottom: 0px;
    }
    #client-details .client-label, #client-details .client-text {
        width: 100%;
    }
    .advance-filter-elements .custom-dropdown dt a{
        padding-top: 3px;
    }
    .import_expenses_timesheets span{
        float: left;
        clear: left;
        margin: 0 5px 5px 0;
    }
    .page-clients-invoices-create .import_expenses_timesheets span,
    .page-clients-invoices-update .import_expenses_timesheets span { clear: inherit; display: inline-block; float: none; margin: 0 2px 5px 0; }
    .page-clients-invoices-create .import_expenses_timesheets span:first-child,
    .page-clients-invoices-update .import_expenses_timesheets span:first-child { display: block; }
    .import_expenses_timesheets span:last-child{
        clear: none;
    }
    .import_expenses_timesheets::after{
        content: "";
        display: block;
        clear: both;
    }
    .advance-filter-elements .select2-container--krajee .select2-selection--multiple .select2-selection__choice{
        max-width: 85%;
        float: none;
    }
    .advance-filter-elements .filter_date_to_div{
        margin-top: 15px;
    }
    .page-clients-invoices-create .popup-content .advance-filter-btn,
    .page-clients-invoices-update .popup-content .advance-filter-btn { margin-top: -10px; }
}
@media only screen and (max-width: 414px){
    .invoice-create .client-invoice tbody tr td:nth-child(1){text-align: left;}
    .invoice-form label{margin-bottom: 5px;}
    .invoice-create .page-title{padding-bottom: 20px;}
    .payment-history table.bordered tr td{text-align: left!important;}
    /*.payment-history table.bordered tr td:last-child{border-bottom: 1px solid #ccc;}*/
    .payment-history table.bordered tr:last-child td:last-child{margin-bottom: 0px;}
    .payment-history table.bordered tbody tr:nth-child(even){background: hsla(0, 0%, 93%, 0.5) none repeat scroll 0 0;}
    .invoice-draft {background: #fff url(/themes/app/images/Draft.png) no-repeat scroll -10px -10px;}
    .invoice-details .invoice-left-details .invoice-bill-to{width: 300px;}
    .invoice-bill-to > div{margin-bottom: 5px;}
    .client-invoice .sprite.remove-icon{margin-top: 5px;margin-left: 10px;}
    #invoice_contacts_div .client_details_row .client-text .client-email,
    #invoice_contacts_div .client_details_row .client-text .client-poc .poc{display: flex; -webkit-display: flex; -moz-display: flex}
    #invoice_contacts_div .client_details_row .client-text .client-email input[type="checkbox"],
    #invoice_contacts_div .client_details_row .client-text .client-poc .poc input[type="checkbox"]{margin: 5px 5px 0 0}
    
    #invoice_contacts_div .client_details_row .client-text .client-email {align-items: flex-start;}
}
@media only screen and (max-width: 325px){
    .create-invoice-div .btn, .create-invoice-div .submitbutton { display: block;}
    .invoice-form .Row4 .create-invoice-div .cancelbutton{margin-left: 0px;font-size: 14px;margin-bottom: 10px;}
    .invoice-form .Row4 .create-invoice-div .cancelbutton:nth-child(3){margin-left: 0px;}
}


/*End: Nikhil responsive*/ 



/*Start: Nikhil Landscape responsive*/ 
@media only screen and (max-width: 736px) and (orientation: landscape){
    .page-clients-invoices-index .middle_wrapper .section-1 .left h2{padding: 7px 0 15px;}
    .payment-history table.bordered tr td{text-align: left!important;}
    .view_invoice_heading .invoice-more-buttons{width: auto;float: right;}
    .invoice-details .invoice-left-details .invoice-bill-to{width: 300px;margin-bottom: 20px;}
    .invoice-bill-to > div{margin-bottom: 5px;}
    .invoice-create .client-invoice tbody tr td:nth-child(1){text-align: left;}
    .client-invoice .sprite.remove-icon{margin-top: 5px;}
    /*.invoice-details .invoice-right-details{padding-top: 10px;}*/
}
@media only screen and (max-width: 568px) and (orientation: landscape){
    .view_invoice_heading .invoice-more-buttons{width: 100%;text-align: left;}
    .invoice-more-buttons p a:first-child{margin-left: 0px;}
    .invoice-more-buttons{margin-bottom: 20px;}
    .page-clients-invoices-payment .view_invoice_heading .invoice-more-buttons{text-align: right}
}



/*End: Nikhil Landscape responsive*/