/* Bill/Update-Create Page CSS Start */

.bill-wrapper h2.page-title { padding-bottom: 36px; padding-top: 12px; }
.bill-form { border: 1px solid #d2d2d2; background-color: #fcfcfc; border-radius: 4px; box-shadow: 0 0 10px #dedede; padding: 35px 20px; margin: 0; }
.bill-details-section .bill-client{width:50%;float:left;cursor:pointer; padding-right: 15px; }
.pick-client .client-select { float: left; display: inline-block; margin: 0 10px; width: 63%; vertical-align: middle; }
.pick-client .client-select .select2-container--krajee-bs3 .select2-selection--single {height: 34px;}
.pick-client .client-select .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {line-height: normal;}
.pick-client .client-select .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {height: 32px;}
.pick-client .client-select .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {top: 0; bottom: 0;display: flex; align-items: center;}
.pick-client .client-select .form-group.field-bills-client_id.required { margin-bottom: 0; }
.pick-client .create-client{ vertical-align: top; display: inline-block; padding-top: 6px;}
.pick-client span.lbl { float: left; display: inline-block; vertical-align: top; padding-top: 8px; text-align: left; width: 67px; }
.pick-client span.lbl label span { color: #ff0000; }
.pick-client .select2-container--krajee .select2-selection--single { padding-right: 45px; }
.pick-client .select2-container--krajee .select2-selection--single .select2-selection__arrow { border-left: none; }
.Bill-billing-address .address-select .form-group.field-bills-client_id.required { margin-bottom: 0; }
.Bill-billing-address span.lbl { float: left; display: inline-block; vertical-align: top; padding-top: 8px; text-align: left; width: 67px; }
.Bill-billing-address span.lbl label span { color: #ff0000; }

.bill-details-section .bill_details { float: right; padding-bottom: 10px; width: 50%; }
.bill_details .bill-title, 
.bill_details .bill-number, 
.bill_details .bill-issue-date { padding-bottom: 10px; text-align: right; }
.bill_details .bill-title span.lbl label span , 
.bill_details .bill-number span.lbl label span , 
.bill_details .bill-issue-date span.lbl label span { color: #ff0000; }
.bill_details .bill-title .txt_bx.field-bills-title,
.bill_details .bill-number .field-bills-bill_number,
.bill-issue-date .txt_bx.field-bills-receipt_date { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; width: 50%; }
.bill-issue-date .txt_bx.field-bills-receipt_date .hasDatepicker { background-position: 98% 8px; }
.bill-details-section input[type="text"] { height: 34px; }

.bill-classification-section table.bill-table { background-color: #fff; border: 1px solid #ccc; border-radius: 0; }

.total-summary-box{border: 1px solid #ccc;background-color: #fff;border-top: 0;}
.total-summary-box .section-1 {padding: 0 10px;}
.total-summary-box{border: 1px solid #ccc;background-color: #fff;border-top: 0;}
.total-summary .total_display {padding:10px 10px 0;border-top: 1px solid #ccc;}
.total-summary-label{float:left;padding-bottom: 10px;}
.total-summary-value{float:right;text-align:right;}

.bill-classification-table td:nth-child(2) { width: 375px; }

.bill-classification-table input[type="text"], .bill-classification-table input[type="password"], .bill-classification-table textarea { border: none; }

table.bordered.bill-table tr th { border: none; }
table.bordered.bill-table th:nth-child(3),
table.bordered.bill-table th:nth-child(4),
table.bordered.bill-table th:nth-child(6) { text-align: right; }
table.bordered.bill-table th:nth-child(5) { width: 199px; }
table.bordered.bill-table .linetotal { padding:10px; }
table.bordered.bill-table td:nth-child(5) div:nth-child(1) { display: inline-block; width: 67%; vertical-align: top; }
table.bordered.bill-table td:nth-child(5) div:nth-child(2) { display: inline-block; width: 30%; padding: 7px 0px; height: 45px;}
table.bordered.bill-table td:nth-child(5) div:nth-child(2) input[type="text"] { text-align: left; }
table.bordered.bill-table .selector { border:none; }
.bill-table tbody tr td { display: table-cell; border-top: 1px solid #ccc; }
table.bordered.bill-table .selector span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 5px 0px 0px; }

.bill-summary-table .sub_total_display { padding: 10px 0px; }
.bill-summary-table .net-amount-details { padding: 10px; background: #F0F0F0; }

.line-units, .line-amount, .line-taxpercentage { text-align: right; }

.bill-summary-table .Row3-Left { float: left; width: 20%; padding-top: 15px;}
.bill-summary-table .Row3-Right { float: right; width: 364px; }
.bill-summary-table{ margin-top: 0;}

.bill-classification-section:after { content: ""; display: block; clear: both; }

.bill-misc-details-section { width: 100%; margin-top: 20px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.bill-misc-details-section .bill-additional-notes{ flex: 50%; max-width: 50%; text-align: left;}
.bill-misc-details-section textarea#bills-notes { height: 100px; }
.bill-misc-details-section .bill-total-attachments{ flex: 30%; max-width: 30%; }
.bill-misc-details-section .bill-total-attachments span > span { font-style: italic; }
.bill-misc-details-section .field-bill_attachment input { max-width: 37ch; }

.clear.bill-button-section { margin-top: 20px; }
button.cancelbutton.btn { margin-left: 5px; }
button.btn.submitbutton:focus, button.cancelbutton.btn:focus { color: #ffffff; }


/* New Changes in Create/Update Pages Start */
.bill-from-is-associated-with span.lbl label span,
.bill-from-others .bill-from-others-name-div span.lbl label span { color: #ff0000; }
.bill-from-others-name-div .lbl, .bill-from-others-address .lbl { float: left; display: inline-block; vertical-align: top; padding-top: 8px; text-align: left; width: 67px; }
.bill-from-others-name { width: 63%; display: inline-block; margin: 0px 10px 10px; }
.bill-from-is-associated-with .form-group.field-bills-is_associated_with { display: inline-block; }
#bills-is_associated_with label { margin-left: 10px; }
.Bill-billing-address .field-bills-user_address_id { display: inline-block; margin: 0 10px 25px; width: 63%; vertical-align: middle; }
.Bill-billing-address .field-bills-user_address_id div.selector { height: 34px; }
.Bill-billing-address .field-bills-user_address_id div.selector span { line-height: 16px; height: 24px; }
/* New Changes in Create/Update Pages End */

/* Bill/Update-Create Page CSS End */

/*Bill/Index Page CSS Start*/
.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; }

.invoice-index a.add_new_bill { background: #263959; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; height: 34px; padding: 0px 7px 0 30px; line-height: 34px; position: relative; text-decoration: none; top: 0; width: 100%; vertical-align: top; }
.invoice-index a.add_new_bill:before { position: absolute; content: ""; top: 0; left: 0; background: url(/themes/app/images/mml-icons-spirte.png) no-repeat; background-position: -46px -131px; width: 25px; height: 25px; }

.doc-advance-filter-elements .col-md-4 { display: inline-block; vertical-align: top; /*width: 30%; */}

.doc-advance-filter-elements .form-control[readonly] { background-color: #ffffff;  }
.doc-advance-filter-elements .hasDatepicker { background-position: 98% 8px; }

.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  #doc-advance-filter { color: #de972b; cursor: pointer; font-size: 14px; padding: 8px 10px 9px; transition: all 1s ease-in-out 0s; }
.client_search.clicked { background-color: #fff; border-bottom: none; height: 50px; }

.doc-advance-filter-elements { background: #fff none repeat scroll 0 0; border: 1px solid #fd933d; margin: 10px 0 30px; padding: 20px 20px 10px; }
.doc-advance-filter-elements.clicked { margin-top: -21px; }
.doc-advance-filter-elements .row .col-md-4 { padding-bottom: 10px; }
.col-md-4.custom-dropdown-wrapper dl { margin-bottom: 0px; }
.col-md-4.custom-dropdown-wrapper .custom-dropdown dt a { line-height: 20px; min-height: 34px; }
.document-search-filter-btns .submitbutton { margin-right: 6px; }

.section-2 .grid-view table.bordered th.sorting:nth-child(3) { width: 50%; }
.section-2 .grid-view table.bordered th.action-column { width: 17%; }
.showAllInvoiceTotals { float: right; padding: 10px; background-color: #fff; margin-top: 10px; }

.page-bills-index .popup-wrapper .popup-content { overflow-y: scroll; }
.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup thead tr th { border: 1px solid #ccc; padding: 10px; }
.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup tbody tr td:first-child,
.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup thead tr th:first-child { width: 5%; }
/*Bill/Index Page CSS End*/

/* Bills/Payment Page CSS Start */
.view_invoice_heading { margin-bottom: 20px; margin-top: 2px; }
.view_invoice_heading .view_invoice_title { display: inline-block; width: 50%; }
.view_invoice_heading .invoice-more-buttons { display: inline-block; width: 48.5%; text-align: right; }
.payment-contant-wrapper { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; }
.invoice-client-name { padding: 20px; }
.client-heading-border-bottom { border-bottom: 1px solid #334463; padding-top: 5px; }
.invoice-payment { padding: 20px; margin-bottom: 30px; }
.invoice-number { font-weight: 600; font-size: 18px; color: #334463; padding-bottom: 7px; }
.net-balance { font-size: 13px; text-align: left; padding-bottom: 15px; }
.payment-row #submitPayment { margin-right: 6px; }
.payment-form { margin-bottom: 20px; padding-top: 20px; }
.payment-row { display: table; margin-bottom: 15px; width: 50%; }
.payment-row .lbl.vertical-alignment { padding: 10px 10px 0 0; vertical-align: top; }
.payment-row .lbl { display: table-cell; padding: 0px 10px 0 0; text-align: right; vertical-align: middle; width: 35%; }
.payment-row .txt_bx { display: table-cell; width: auto; }
.payment-row .txt_bx input[type="text"] { height: 45px; }
.payment-row .form-group.field-bill_payment_attachment { margin-bottom: 0; }
/* Bills/Payment Page CSS End */

/* Bills/View Page CSS Start */
.page-bills-view .Invoice-boundary-details .invoice-faded-text { padding: 10px 0 14px; }
/* Bills/View Page CSS End */

#uniform-bills-client_id{display: none;}
.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;}



@media only screen and (max-width: 1140px){ 
	.pick-client .client-select .form-group { margin-bottom: 0; }
	.pick-client .create-client { margin-bottom: 10px; }
}

@media only screen and (max-width: 1023px){ 
	/* Bill/Update-Create Page CSS Start */
	table.bordered.bill-table td:nth-child(5) div:nth-child(1) { width: 100%; }
	table.bordered.bill-table td:nth-child(5) div:nth-child(2) { width: 100%;}
	.bill-misc-details-section .bill-total-attachments{ flex: 50%; max-width: 50%; padding-left: 20px; }
	/* Bill/Update-Create Page CSS End */


}

@media only screen and (max-width: 768px){ 
	table.bordered.bill-table td:nth-child(5) div:nth-child(1) { padding-left: 0; padding-right: 0; }

}


@media only screen and (max-width: 767px){ 
	
	/* Bill/Update-Create Page CSS Start */
	.bill-form { padding-top: 10px; }
	.pick-client span.lbl { display: block; width: 100%; margin: 0; text-align: left; }
	.pick-client .client-select { display: block; margin: 0; width: 100%; } 
	.bill-details-section .bill-client { width: 100%; float: none; padding-right: 0; padding-top: 8px; }
	.pick-client .create-client { margin-bottom: 0px; }

	.bill-details-section .bill_details { float: none; width: 100%; }
	.bill_details .bill-title .txt_bx.field-bills-title, 
	.bill_details .bill-number .field-bills-bill_number, 
	.bill-issue-date .txt_bx.field-bills-receipt_date { margin: 0px; width: 100%; }
	.bill_details .bill-title, 
	.bill_details .bill-number, 
	.bill_details .bill-issue-date { text-align: left; }

	table.bordered.bill-table tr th { display: none; }
	.bill-table tbody tr td:before { content: attr(data-th) ": "; display: block; font-weight: 600; font-size: 14px; }
	.bill-classification-section table.bill-table { border: none; }
	.bill-classification-table { border: 1px solid #ccc; padding: 15px; }

	.bill-table tbody tr { border-bottom: 15px solid #fff; display: block; }
	.bill-table tbody tr td { display: block; border-left: none; text-align: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
	.bill-table tbody tr td:nth-child(6) { border-bottom: 1px solid #ccc; }
	.bill-classification-table td:nth-child(2) { width: 100%; }

	.bill-classification-table input[type="text"], 
	.bill-classification-table input[type="password"], 
	.bill-classification-table textarea { padding: 5px 0px 0px; text-align: left; }

	table.bordered.bill-table td:nth-child(5) div:nth-child(1), 
	table.bordered.bill-table td:nth-child(5) div:nth-child(2) { padding: 5px 0 0; width: 100%; }
	
	.bill-summary-table { display: table; width: 100%; }
	.bill-summary-table .Row3-Right { float: none; width: 100%; margin-bottom: 15px; }
	.bill-summary-table .Row3-Left { display: table-footer-group; float: none; width: 100%; }

	.bill-misc-details-section { width: 100%; margin-top: 20px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; width: 100%; }
	.bill-misc-details-section .bill-additional-notes{ flex: 100%; max-width: 100%; }
	.bill-misc-details-section .bill-total-attachments{ flex: 100%; max-width: 100%; text-align: left; }
	.bill-misc-details-section .field-bill_attachment input { margin-left: 0; }
	.bill-misc-details-section .bill-total-attachments{ padding-left: 0px; }
	.bill-misc-details-section .bill-include-signature{ flex: 100%; max-width: 100%; }
	.bill-button-section { margin-top: 15px; }

	.bill-from-is-associated-with .form-group.field-bills-is_associated_with { margin-bottom: 0; }
	.Bill-billing-address span.lbl, .bill-from-others-name-div .lbl, .bill-from-others-address .lbl { width: 100%; }
	.Bill-billing-address .field-bills-user_address_id, .bill-from-others-name { margin: 0; width: 100%; }
	.pick-client, .clear.Bill-billing-address, .bill-from-others { padding-bottom: 10px; clear: both; }
	.Bill-billing-address span.lbl { padding-top: 0; }
	/* Bill/Update-Create Page CSS End */



	/*Bill/Index Page CSS Start*/
	.doc-advance-filter-elements .col-md-4 { display: inline-block; vertical-align: top; width: 49.5%; }
	.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup tbody tr td:first-child,
	.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup thead tr th:first-child { width: 100%; }
	.page-bills-index .popup-wrapper .popup-content .bill_attachment_popup tbody tr td:first-child:before { display: none; }
	.page-bills-index .popup-form-elements.bill_attachment_popup tr { display: block; margin-top: 15px; border-bottom: 1px solid #ccc; }
	/*Bill/Index Page CSS End*/


	/* Bills/Payment Page CSS Start */
	.payment-row { width: 100%; }
	.payment-row .lbl, .payment-row .txt_bx { display: block; width: 100%; text-align: left; }
	/* Bills/Payment Page CSS End */


	/* Bills/View Page CSS Start */
	.page-bills-view .invoice-table-format table.case-details tbody { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
	/* Bills/View Page CSS End */
}


@media only screen and (max-width: 480px){ 

	/*Bill/Index Page CSS Start*/
	.export_div { margin-right: 5px; }
	.doc-advance-filter-elements.clicked { margin-top: -10px; }
	.doc-advance-filter-elements .col-md-4 { display: inline-block; vertical-align: top; width: 100%; }
	.middle_wrapper .section-1 { padding-bottom: 10px; }
	.section-2 .grid-view table.bordered td,
	.section-2 .grid-view table.bordered td.checkbox_td { width: auto; }
	.page-bills-index .popup-form-elements.bill_attachment_popup tr td:nth-child(2) a { overflow: hidden; text-overflow: ellipsis; max-width: 30ch; display: block; }
	/*Bill/Index Page CSS End*/

}