.navbar-menu.left-panel{
	background:#f6f6f6;
	transition: left 0.4s ease;
	left: -315px;
	border-right-color: #ddd;
}

.navbar-menu.left-panel.active{
	left: 0;
}

#page-topbar:not(.topbar-active) {
	left: 0;
}

.left-panel-scrollbar .menu-title{
	color:#000;
}

.navbar-menu .left-panel-scrollbar .navbar-nav .nav-link{
	color:#000;
}

.navbar-menu .left-panel-scrollbar .navbar-nav .nav-link.active{
	color:#5ea3cb;
}

.navbar-menu .navbar-nav .nav-link:hover{
	background:#ffffff;
}

.main-content:not(.main-content-active) {
	margin-left: 0;
}

.main-content:not(.main-content-active) .footer{
	left: 0;
}

.left-panel-scrollbar {
	scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.navbar-nav{
	position:relative;
}

.dataTables_length > label{
	margin:0;
}

.dataTables_wrapper{
	display: flex;
  flex-wrap: wrap;
}

.dataTables_filter{
	margin-left: auto;
}

.dataTables_filter > label{
	margin:0;
}

.dataTables_filter input{
	padding:.5rem .9rem;
	font-size:.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--vz-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--vz-input-bg-custom);
	background-clip: padding-box;
	border: var(--vz-border-width) solid var(--vz-input-border-custom);
	border-radius: var(--vz-border-radius);
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	outline: none;
	margin: 0 0 0 15px;
	width: max-content !important;
}

.dataTables_length select{
	padding: .5rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--vz-body-color);
	background-color: var(--vz-input-bg-custom);
	border: var(--vz-border-width) solid var(--vz-input-border-custom);
	border-radius: var(--vz-border-radius);
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.table .sort[aria-sort="ascending"]::before{
	opacity:0.4;
}

.table .sort[aria-sort="descending"]::after{
	opacity:0.4;
}

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_desc_disabled::before {
	top: 5px !important;
	font-size: 20px !important;
}

table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_desc_disabled::after {
	top: 12px !important;
	font-size: 20px !important;
}

.dataTables_paginate{
	margin-left:auto;
}

.dataTables_paginate .paginate_button{
	font-weight: 500;
	padding: .375rem .75rem;
	background-color: var(--vz-secondary-bg);
	border: var(--vz-border-width) solid var(--vz-border-color);
	border-radius: .25rem;
	margin: 0 0 0 10px;
	cursor: pointer;
}

.dataTables_paginate .paginate_button.disabled{
	cursor: default;
}

.dataTables_paginate .paginate_button.current{
	background-color: #5ea3cb;
	color: #fff;
	border-color: #5ea3cb;
	font-weight: 500;
	cursor: default;
}
.cust-popup-close-btn{
	font-size:35px;
}

.btn.cust-popup-close-btn:focus{
	color:#fa896b !important;
}

.custom_chartofacc.option-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.custom_chartofacc .option-left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom_chartofacc .option-right {
  flex-shrink: 0;
  font-size: 0.85em;
  color: #888;
  margin-left: 10px;
  margin-right: 15px;
}

.form-control:focus, .choices__inner:focus, .choices.is-focused .choices__inner{
	background:#f3f6f9;
	border-color:#ddd;
}

.cust-switch-btn{
	z-index:1;
	right: 30px;
}

#purchase-invoice-form .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {
  #purchase-invoice-form .table-responsive {
    overflow: visible !important;
  }  
}

/* tabs start */

@media (max-width: 767.98px) {
.nav-tabs {
	display: none !important;
}

.tab-pane {
	display: none;
}

.tab-pane.show {
	display: block;
}

.tab-pane{
	padding: 10px;
}

.page-content{
	padding:calc(135px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5) !important;
}

}

@media (min-width: 768px) {
.accordion-header {
	display: none;
}
}

.accordion-button::after {
	content: "\f0360";
	font-size: 25px;
	font-family: "Material Design Icons";
	transition: transform 0.2s ease-in-out;
	line-height: normal;
}

.accordion-button.collapsed::after {
	content: "\f035d";
	font-size: 25px;
	font-family: "Material Design Icons";
	transition: transform 0.2s ease-in-out;
	line-height: normal;
}

.accordion-header{
	line-height: 40px;
	background: #f1f1f1;
	padding: 0 0 0 10px;
}

.tab-pane .accordion-header{
	background: #eff2f7;
}

.accordion-button{
	font-weight: 600;
}
  
/* tabs end */

.modal.cust-item-modal .modal-dialog{
	max-width: 1000px !important;
}

.ts-wrapper.form-control.single.required.disabled.locked {   
	background-color: var(--vz-tertiary-bg);
	opacity: 1;
}

.cust-suto-search .tom-select .ts-control::after,
.cust-suto-search .ts-wrapper.single::after,
.cust-suto-search .ts-wrapper.multi::after {
  display: none !important;
}

.cust-suto-search .ts-wrapper.single .ts-control, .cust-suto-search .ts-wrapper.single .ts-control input, .cust-suto-search .ts-wrapper.multi .ts-control, .cust-suto-search .ts-wrapper.multi .ts-control input{
	cursor: auto;
}

#purchasebookTable.long-dashed-border th, #purchasebookTable.long-dashed-border td {
	border-left: 1px dashed #999;
	border-right: 1px dashed #999;
}

#purchasebookform input[readonly] {
  background-color: #f0f0f0;
  cursor: not-allowed;
}

.modal.cust-addbank-modal .modal-dialog {
    max-width: 1000px !important;
}

.modal.paymentout .modal-dialog {
    max-width: 1000px !important;
}

#paymenttransactions tr.child-row {
    background-color: #f9f9f9;
    font-style: italic;
    border-style: none;
    border-color: transparent;
}

.cust-edit-purchase-invoice-modal .modal-dialog {
  max-width: 1000px !important;
}

#PurchaseinvoiceDetails td, #PurchaseinvoiceDetails th {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.expandable {
    cursor: pointer;
    color: #5ea3cb;
    text-decoration: underline;
}

#supplierModal .modal-dialog {
    max-width: 750px !important;
}

#PartnerModal .modal-dialog {
    max-width: 850px !important;
}

#wrapper_incheck{
	font-size:16px;
}

#wrapper_incheck .alert-success{
	text-transform:uppercase;
}

.dataTable td.reference-number-text-ellipsis{
	max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-title-box{
	position: fixed;
    top: 93px;
    z-index: 99;
    background: #fff;
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
}

.page-title-box > .page-title-right{
	    margin-right: 1.5rem;
}

/* Dashboard-style title area on all pages: title first line, breadcrumb second line */
.page-title-box.d-sm-flex{
	display: flex;
	align-items: flex-start !important;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
}
.page-title-box > h4.mb-sm-0{
	margin-bottom: 0 !important;
	flex: 1 1 100%;
}
.page-title-box > h4.mb-sm-0 + .page-title-right{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	width: 100%;
}
.page-title-box > h4.mb-sm-0 + .page-title-right .breadcrumb{
	margin: .5rem 0 0 0 !important;
}
.page-title-box > h4.mb-sm-0 + .page-title-right .client-quick-actions{
	margin-left: auto;
}

.page-content{
	padding:calc(130px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5);
}

.table .sort.sorting_disabled::after, .table .sort.sorting_disabled::before{
	display:none;
}

.disabled .ts-control{
	background-color: #eff2f7 !important;
}